js数组的方法

js数组方法很多,这里我具体介绍一下数组方法还有ES5新增的数组方法
1.push()方法
参数:任意个,任意值
返回值:数组被增加之后的长度
功能:在数组的尾部增加数据,增加的数据是push的参数
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第1张图片
2.unshift()方法
参数:任意个,任意值
返回值:数组被增加之后的长度
功能:在数组的头部增加数据,增加的数据是unshift的参数
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第2张图片
3.pop()方法
参数:没有
返回值:被删除的数据
功能:删除最后一位
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第3张图片
4.shift()方法
参数:没有
返回值:被删除的数据
功能:删除第一位
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第4张图片
5.splice()方法
参数:一个,表示索引
返回值:被删除的数据
功能:从指定索引,删除到结束
有没有修改原数组:会修改原数组
一个参数代码举例:js数组的方法_第5张图片
参数:两个或者更多;第一个表示索引,第二个表示个数,第三个参数向后都是数据
返回值:被删除的数据
功能:从指定索引,删除制定个数,填充第三个参数向后所有的数据
有没有修改原数组:会修改原数组
两个参数代码举例:
js数组的方法_第6张图片
三个参数或者更多代码举例:
js数组的方法_第7张图片
6.reverse()方法
参数:没有
返回值:翻转的数组
功能:翻转数组
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第8张图片
7.join()方法
参数:没有
返回值:转成字符的数据
功能:转成字符
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第9张图片
8.slice()方法
参数:1个,表示索引
返回值:截取的数据
功能:从指定索引开始截取
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第10张图片
参数:2个,第一个参数表示索引;第二个参数表示个数
返回值:截取的数据
功能:从指定索引开始截取,截取到指定个数位置前一个,返回成一个新数组
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第11张图片
9.sort()方法
参数:回调函数
返回值:用于说明这两个值的相对顺序的数字:比如(a-b)
功能:字符的排序,默认是升序(固定格式)
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第12张图片
10.concat()方法
参数:所有参数都可以,为以后要合并的数据
返回值:合并后的新数组
功能:连接字符
有没有修改原数组:会修改原数组
代码举例:
js数组的方法_第13张图片

以下为ES5新增数组方法

1.indexOf()方法
参数:参数可以为一个或两个;第一个是要查找的数据,第二个可以省略,表示从第几位开始查找
返回值:找到了返回索引,没找到返回-1
功能:根据传入的数据,查找数组中的位置
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第14张图片
2.lastIndexOf()方法
参数:参数为一个;
返回值:数据的索引,没找到返回-1
功能:反向查询并返回数据的索引
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第15张图片
参数:参数为两个;第二个值为查询的个数
返回值:数据的索引,没找到返回-1
功能:从查询到的个数开始反向查询要查询的数据
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第16张图片
3.forEach()方法
参数:回调函数;回调函数中默认有三个参数,分别为value,index,self
返回值:undefined
功能:遍历数据
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第17张图片
4.map()方法
参数:回调函数;回调函数中默认有三个参数,分别为value,index,self
返回值:是一个数组,数组内是每个回调函数的返回值
功能:遍历数据
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第18张图片
5.filter()方法
参数:回调函数;回调函数中默认有三个参数,分别为value,index,self
返回值:为true的数据组成的新数组
功能:遍历数据,同时回调函数返回布尔值,为true的数据组成新数组返回
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第19张图片
6.some()方法
参数:回调函数;回调函数中默认有三个参数,分别为value,index,self
返回值:布尔值,true或false
功能:遍历数据中是否有符合条件的值,只要有符合就是true,同时停止遍历
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第20张图片
7.every()方法
参数:回调函数;回调函数中默认有三个参数,分别为value,index,self
返回值:布尔值,true或false
功能:遍历数据中是否有符合条件的值,必须全部符合都是true,才为true;如果有一个为false,那就是false,同时停止遍历
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第21张图片
js数组的方法_第22张图片
8.reduce()方法
参数:一个参数回调函数;回调函数中默认有四个参数,分别为prev,value,index,self;prev表示上一次回到函数执行的返回值;第一次执行时,prev是数组的第一个值。
返回值:返回叠加最终值
功能:从数组的第一项遍历到最后,叠加数组的所有项,得到最终返回的值。
有没有修改原数组:不会修改原数组
代码举例:
js数组的方法_第23张图片
参数:两个参数;第一个参数为回调函数,第二个参数为归并的初始值,是回调函数首次执行时作为第一个参数接收。
js数组的方法_第24张图片
9.reduceRight()方法
参数:同reduce,参数情况一样
返回值:返回叠加最终值
功能:从数组的最后一项往前遍历,叠加数组的所有项,得到最终返回的值。
有没有修改原数组:不会修改原数组
一个参数代码举例:
js数组的方法_第25张图片
两个参数代码举例:
js数组的方法_第26张图片

你可能感兴趣的:(js数组的方法)