Javascript操作数组的几个函数整理

1、concat()

array.concat(value1, value2, ..., valueN);  //其中value1、value2等可以数组也可以是字符串、数字等其他类型的数据

功能：将两个或两个以上个数组的元素抽取出来组合成一个新的数组。

strArr = ['a', 'b', 'c']
numArr = [1,2,3,4,5]
str = 'String'
strArr.concat(numArr, str); => ["a", "b", "c", 1, 2, 3, 4, 5, "String"]

2、every()

array.every(callback[element, index, array])，

功能：将数组中的每一个元素执行一次callback这个回调函数，只有当执行callback时每次都返回true，every函数才返回true，否则返回false

function isBig(element, index, array) {
    return (element > 10);
};  //当参数element大于10返回true
[11,22,33,44,55].every(isBig)  => true   //因为每个元素都大于10，所以每次执行isBig函数是都返回true。只要其中有一个元素小于或等于10，则返回false

3、filter()

array.filter(callback[element, index, array]);

功能： 过滤。将数组中的每一个元素各执行一次callback函数，若返回true则该元素留下，否则该元素将被过滤掉。

function isBig(element, index, array) {
    return (element > 10);
};  //当参数element大于10返回true

[11,44,2,7,55,2,19].filter(isBig)  => [11, 44, 55, 19]   //比10小的元素都被过滤掉了

4、forEach()

array.forEach(callback[element, index, array]);

功能： 与ruby语言中的each方法类似，遍历数组中的每个元组，可对每个元素进行各种操作。

var i = 0;
[1, 2, 3, 4, 5].forEach(function(element) { i += element; });  =>  i = 15    

5、indexOf()

array.indexOf(searchElement[, fromIndex]);

功能： 查找某一元素在数组中的位置，返回的是第一个元素的下标号。

arr = [1,2,3,4,3,5,3];

arr.indexOf(3);  =>  2
arr.indexOf(3, 3); => 4  //第二个参数是指明从第4个元素开始查找，结果略过第三个元素3，找到第5个元素3，所以返回4

拓展：lastIndexOf()函数与indexOf（）函数相似，不同的是它从元素的后面开始查找。

6、join()

array.join(separator);、

功能： 将数组中的所有元素转换为字符串类型并链接起来。

arr = ['One', 'Two', 'Three']；

arr.join()； => "One,Two,Three"   //默认链接时元素之间用逗号隔开
arr.join('*'); =>  "One*Two*Three"

7、map()

array.map(callback[, thisObject]);

功能： 遍历数组中的每一个元素，每次都返回数据作为新数组的最后一个元素，最终返回结果是一个数组。

[1,2,3,4,5].map(function(e){ return e + 10 });  => [11, 12, 13, 14, 15]

8、pop()

array.pop()

功能： 将数组的最后一个元素删除并返回这个被删除的元素。

arr = [1,2,3,4,5];
arr.pop(); => 5
arr => [1,2,3,4]

9、push()

array.push(element1, element2, ... , elementN)

功能： 将参数插入至数组最后，返回数组的长度。

arr = [1,2,3,4,5];
arr.push(33, 44, 55);  => 8
arr  => [1, 2, 3, 4, 5, 33, 44, 55]

10、reduce()

array.reduce(callback[, initialValue])

用法： callback函数里有四个参数：

　　previousValue： 先前值，默认为数组的第一个元素的值，也可自定义为其他值，如下面例子中的10

　　currentValue： 当前值，默认从数组的第二个元素开始，如果自定义了先前值，则从第一个元素开始

　　index： 数组元素的序号

　　array： 当前数组

功能： 对数组中的元素（从左到右）两两执行callback操作，返回最后一次操作的结果。

例子： 

[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
    return previousValue + currentValue;
}); => 10

[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
    return previousValue + currentValue;
}, 10);  => 20   //这里自定义了先前值

参考资料：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/Reduce

 

11、reduceRight()

与reduce()相似，区别在于执行的顺序相反

12、reverse()

功能： 将原来的数组倒序

［1,2,3,4,5].reverse();  =>  [5,4,3,2,1]

13、shift()

功能： 删除数组中的第一个元素并将该元素返回

arr = [1,2,3,4,5];
arr.shift();  => 1;
arr;  =>  [2,3,4,5]

14、slice()

array.slice(start,end)

用法：

1. start为必需参数，所要选定元素的开头元素的下表
2. end为可选参数，指选定的内容到该元素为止（所选取内容不包括下标为该参数的元素）
3. 若参数为负数，则从尾部开始算起（start=-2，说明从数组倒数第二个元素开始选取内容，end也相同） 

功能：从已有的数组中返回选定的元素

arr = [1,2,3,4,5];
arr.slice(0);
=> [1, 2, 3, 4, 5]
arr.slice(0, 1);
=> [1]
arr.slice(-2, 5);
=> [4, 5]
arr.slice(2,3);
=> [3]
arr.slice(0, -2);
=> [1, 2, 3] 

15、some()

array.some(callback[, thisObject]);

功能：与every()相似，遍历数组中的每一个元素

用法：只要存在元素使得callback函数返回true，则some()返回true

function isBigger(element) {
    return (element > 5);
};
arr1 = [1,2,3,4,5];
arr2 = [4,5,6];
arr1.some(isBigger);
=> false
arr2.some(isBigger);
=> true 

16、unShift()

 array.unshift( element1, ..., elementN );

功能：将新对象插入到数组的最前，作为新元素，返回新数组的长度

arr = [1,2,3];
=> [1, 2, 3]
arr.unshift(5,6,[7,8,9]);
=> 6
arr;
=> [5, 6, Array[3], 1, 2, 3]

17、sort()

array.sort( compareFunction );

功能：对数组按compareFuction这个函数的排序方法进行排序，返回排序后的新数组

function mySort(a,b){ //返回正数则a和b交换位置，返回0或负数则不交换
    return b - a;
}
=> undefined
arr = [1,4,2]
=> [1, 4, 2]
arr.sort(mySort)
=> [4, 2, 1]

18、splice()

array.splice(index,howmany,element1,.....,elementX)

功能：插入、删除或替换数组的元素，如果从数组中删除了元素，则返回的是含有被删除的元素的数组。

参数：

       index：必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

       howmany：必需。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。

       element1：可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。

       elementX：可选。可向数组添加若干元素。

说明：splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

19、toString()

array.toString()

功能：把数组转换为字符串，并返回结果

说明：当数组用于字符串环境时，JavaScript 会调用这一方法将数组自动转换成字符串。但是在某些情况下，需要显式地调用该方法

var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr;
=> ["George", "John", "Thomas"]
arr.toString();
=> "George,John,Thomas"