首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端学习(39)~js学习(十六):数组

数组简介 数组(Array)是属于内置对象,我们可以在MDN网站上查询各种方法。 数组和普通对象的功能类似,也是用来存储一些值的。...在实际开发中我们经常使用数组来存储一些数据,使用频率非常高。 数组中的元素可以是任意的数据类型,也可以是对象,也可以是函数,也可以是数组数组的元素中,如果存放的是数组,我们就称这种数组为二维数组。...创建数组对象 方式一:使用数组字面量创建数组 举例: var arr1 = []; // 创建一个空的数组 var arr2 = [1,2,3]; // 创建带初始值的数组 方式一最简单,也用得最多。...数组可以通过索引来访问、设置、修改对应的数组元素。...补充: 对于连续的数组,使用length可以获取到数组的长度(元素的个数);对于非连续的数组,使用length会获取到数组的最大的索引+1。

81130
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端基础-JS中特殊的对象(数组)

    第6章 JS中特殊的对象-数组 之前学习的数据类型,只能存储一个值(比如:Number/String)。我们想在一个变量中存储多个值,应该如何存储?...6.1 数组的创建 // 字面量方式创建数组 var arr1 = []; //空数组 // 创建一个包含3个数值的数组,多个数组项以逗号隔开 var arr2 = [1, 3, 4]; // 创建一个包含...[0]);//undefined 数组的元素可以是任意类型的数据,因此,有时数组中的某个元素的值又是一个数组,而这样的数组被称为多维数组,如果数组中只有其他类型的数据,而没有另外的数组值,这样的数组被称为一维数组...; 通常,数组被嵌套N层,则称为N维数组,最常见的就是二维数组、三维数组、四维数组,超过一维的数组都会被泛称为多维数组数组的维度值越大,复杂度就越高,开发中尽量避免产生高维度值的数组; var arr1...,有一维数组和多维数组之分,可以使用字面量方式创建数组,使用下标来获取数组元素数据,使用for或者while循环来遍历数组元素;

    3.1K20

    前端day10-JS学习笔记(数组、函数、对象)

    ==01-数组== 1.声明一个数组:var 数组名 = [元素1,元素2,元素3…………] 数组名其实就是变量名,只是习惯上称之为数组名 元素其实就是数组中保存的数据,只是习惯上称之为元素 2.获取数组中某一个数据...:数组名[下标] 3.获取数组中元素的数量:数组名.length 4.总结:数组主要由三要素构成 元素:数组中的数据 下标:元素在数组中的位置(从0开始按照顺序递增) 长度:数组中元素的数量 11.gif....length 2.修改数组的长度会改变数组的元素数量:数组名.length = 值 3.删除数组的最后一个元素:数组名.length-- 1.4-数组遍历 1.数组的遍历:获取数组中每一个元素的值,称之为遍历该数组...当一个函数调用执行完毕之后,我想执行另一段代码块,也就是调用另一个函数 但是有时候可能本函数执行完毕后,根据不同的情况需要调用的函数也不同,那么我们可以使用形参来接收这个函数,然后再调用 此时:这个形参函数就称之为回调函数...自调用函数 1.什么是自调用函数:函数自己调用自己 最常见的:匿名函数自调用 2.自调用函数作用 开辟作用域,js中只有函数才可以开辟作用域 3.匿名函数自调用语法:( function(){} )

    1.8K00

    前端学习(40)~js学习(十七):数组的常见方法&数组的遍历

    前言 数组的四个基本方法如下:(数组元素的添加和删除) 方法 描述 备注 push() 向数组的最后面插入一个或多个元素,返回结果为该数组新的长度 会改变原数组 pop() 删除数组中的最后一个元素,返回结果为被删除的元素...会改变原数组 unshift() 在数组最前面插入一个或多个元素,返回结果为该数组新的长度 会改变原数组 shift() 删除数组中的第一个元素,返回结果为被删除的元素 会改变原数组 数组的常见方法如下...() 连接两个或多个数组,返回结果为新的数组 不会改变原数组 join() 将数组转换为字符串,返回结果为转换后的字符串 不会改变原数组 reverse() 反转数组,返回结果为反转后的数组 会改变原数组..."f"] result1:["c","d","e","f"] result2:["e","f"] result3:["c","d"] result4:[] 补充: 很多前端开发人员会用...如果你尝试 tempArry = arr.forEach()这种方式来接收,是达不到效果的。

    1.8K30

    js数组浅拷贝_js数组深度复制

    数组的浅拷贝, 可用concat、slice返回一个新数组的特性来实现拷贝 var arr = ['old', 1, true, null, undefined]; var new_arr = arr.concat...source.a.b = 10; console.log(source); // { a: { b: 10 } }; console.log(target); // { a: { b: 10 } }; 但是如果数组嵌套了对象或者数组的话用...== 'object') return; // 根据obj的类型判断是新建一个数组还是一个对象 var newObj = Array.isArray(obj) ?...,就会拷贝一份,互不影响,而如果是对象或者数组,就会只拷贝对象和数组的引用,这样我们无论在新旧数组进行了修改,两者都会发生变化。...数组的深拷贝 方法一:JSON.stringify()不仅可拷贝数组还能拷贝对象(但不能拷贝函数,也不能解决循环引用问题) var arr = ['old', 1, true, ['old1', 'old2

    13.2K50

    JS】723- 前端如何优雅的处理类数组对象?

    一、背景介绍 Leo 部门最近来了位前端实习生 Robin,作为师傅,Leo 认真的为 Robin 介绍了公司业务、部门工作等情况,还有前端的新人学习地图。...二、类数组对象介绍 2.1 概念介绍 所谓 类型化数组对象(简称类数组对象) 是一种类似数组的对象,它提供了一种用于访问原始二进制数据的机制。...—— 《MDN 类型化数组》 那么什么样的数组我们可以归类到类型化数组中?...js 代码如下: class SelectMember { constructor(){ this.MockUsers = window.MockUsers;...,对于常见的类数组对象,我们还介绍了处理方式,能很大程度减少我们处理类数组对象的操作,将类数组统一转成数组,更加方便对数据的操作。

    2K31

    html js 数组添加,js数组添加数据

    本文介绍js数组添加数据的三种方法:1、结尾添加push()方法;2、头部添加unshift() 方法;3、向/从数组指定位置添加/删除项目,然后返回被删除的项目splice() 方法。...要添加到数组的第一个元素。 b:可选。要添加到数组的第二个元素。 c:可选。可添加多个元素。 3、返回值 把指定的值添加到数组后的新长度。...向数组添加的第一个元素。 b:可选。向数组添加的第二个元素。 c:可选。可添加若干个元素。 3、返回值 arrayObject 的新长度。...整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 b:必需。要删除的项目数量。如果设置为 0,则不会删除项目。 item1,…..,itemX:可选。向数组添加的新项目。...tony alert(arr.splice(1,0,’tony’)) //返回值为空 alert(arr) // smile,tony,2,3,marie 以上就是js数组添加数据的四种方法,大家可以根据在不同的位置添加数据选择不同的方法哦

    26.1K10

    JS数组

    大家好,我是萧寒,今日分享的是js中的数组JS数组 为什么要学数组? 我们先来思考一个问题,如果我们想储存班级中47个学生的期末成绩,那么该如何存储呢?...什么是数组呢? 数组是一组数据的集合,其中的每个数据被称为元素,在数组中可以存放任意类型的元素,数组是一种将一组数据存储在单个变量名下的优雅方式。...我们能使用手机,电脑正是因为它们存在我们才有机会去使用,数组也是一样,要使用必须自己创建一个数组,在JS中创建数组有一下两种方式 利用new创建数组 利用数组字面量创建数组 利用new创建数组...在JS当中我们压根就不用关心这个问题,因为js数组中可以存放任意类型的数据,例如字符串,数字,布尔值。 var arr=['小白',121,true,29.9]; //这就很舒服。...法一:修改length长度新增数组元素 可以通过修改length长度来实现数组扩容 length属性即可读 法二:通过修改数组索引新增数组元素 可以通过修改数组索引的方式追加数组元素 不能直接给数组名赋值

    18720

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券