JS数组方法整理
1. join(separator(隔离物,分隔物))
-
不会改变原始数组, 返回值:字符串
-
将数组的元素组起一个字符串,以separator为分隔符,省略的话则默认用逗号为分隔符,该方法只能接受一个参数:即分隔符
-
通过join()方法可以实现重复字符串,只需传入字符串以及重复的次数,就能返回重复后的字符串,函数如下:
function repeatString(str,n){ return new Array(n+1).join(str) } console.log(repeatString('abc',3)); 结果:abcabcabc console.log(repeatString('hi',5)); 结果:hihihihihi
2. push()和pop()
-
push()和pop()原数组会被修改
-
push()返回值:添加元素之后的数组的长度
-
pop()返回值:删除的元素
-
push()可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度,会改变原始数组
-
pop()数组末尾移除最后一项,减少数组的length值,然后返回移除的项,会改变原始数组
3.unshift() 和shift()
-
unshift() 和shift() 原数组会被修改
-
shift()返回值:删除的元素
-
unshift()返回值:添加元素之后的数组的长度
-
shift() 删除原数组第一项,并返回删除元素的值;如果数组为空则 返回undefined
-
unshift:将参数添加到原数组开头,并返回数组的长度 。
4.sort()
-
会修改原数组
-
返回值:排序后的数组
-
按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。
-
在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort()方法比较的也是字符串,因此会出现以下的这种情况:
var arr1 = ["a", "d","c","b"]; console.log(arr1.sort()); // ["a", "b", "c", "d"] arr2 = [13, 24, 51, 3]; console.log(arr2.sort()); // [13, 24, 3, 51] console.log(arr2); 结果: [13, 24, 3, 51](元数组被改变)
-
为了解决上述问题,sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回
0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:function compare(value1, value2) { if (value1 < value2) { return -1; } else if (value1 > value2) { return 1; } else { return 0; } }
arr2 = [13, 24, 51, 3];
console.log(arr2.sort(compare)); 结果: [3, 13, 24, 51]
5.reverse()
- 会修改原数组
- 返回值:数组
- reverse():反转数组项的顺序。
6.concat()
-
不会改变原数组
-
返回值:连接后的新数组
-
将参数添加到原数组中。这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给
concat()方法传递参数的情况下,它只是复制当前数组并返回副本var arr = [1,3,5,7]; var arrCopy = arr.concat(9,[11,13]); console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13] console.log(arr); 结果:[1, 3, 5, 7](原数组未被修改)
-
从上面测试结果可以发现:传入的不是数组,则直接把参数添加到数组后面,如果传入的是数组,则将数组中的各个项添加到数组中。但是如果传入的是一个二维数组呢?*
var arrCopy2 = arr.concat([9,[11,13]]); console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]] console.log(arrCopy2[5]); //[11, 13]
-
上述代码中,arrCopy2数组的第五项是一个包含两项的数组,也就是说concat方法只能将传入数组中的每一项添加到数组中,如果传入数组中有些项是数组,那么也会把这一数组项当作一项添加到arrCopy2中
7.slice()
-
不会改变原数组
-
返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,
slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。【包括前面的,
不包括后面的)
8.splice()
-
会修改原数组
-
splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。
-
splice(a,b) a代表要删除元素的位置【0,1,2】, b表示,要删除的个数
-
替换:splice(a,b,c)a代表起始位置,b代表要删除的项数,c要插入的任意数量的项
9.indexOf()和lastIndexOf() (ES5新增)
-
ndexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。
-
lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的末尾开始向前查找。
10.forEach() (ES5新增) -
orEach():对数组进行遍历循环,对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型,默认有传参,参数分别为:遍历的数组内容;第对应的数组索引,数组本身。
11.map() (ES5新增)
- map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
12.filter() (ES5新增)
- filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组
13.zevery() (ES5新增)
- every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。
14.some() (ES5新增)
- some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。
15.reduce()和 reduceRight() (ES5新增)
-
reduce()方法从数组的第一项开始,逐个遍历到最后。
-
reduceRight()则从数组的最后一项开始,向前遍历到第一项。
var values = [1,2,3,4,5]; var sum = values.reduceRight(function(prev, cur, index, array){ return prev + cur; },10); console.log(sum); //25