JavaScript数组方法总结

以下是自己对JavaScript中数组方法的总结

1.contact

作用：concat() 方法用于连接两个或多个数组。
返回值：Array，连接后新数组
原数组：不改变
语法：array1.concat(array2,array3,…,arrayX)
语法参数解析：参数必须，可以是具体值或数组对象，可以为任意个数

var arr1=[1,2,3,4];var arr2=['a','b'];console.log(arr1.concat(10));   //[1,2,3,4,10]console.log(arr1);      //[1,2,3,4]console.log(arr1.concat('a'));      //[1,2,3,4,'a']console.log(arr1.concat('c',arr2));      //[1,2,3,4,'c','a','b']

2.copyWithin

作用：copyWithin()方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。
返回值：Array，新数组
是否改变原数组：改变
语法：array.copyWithin(target, start, end)
语法参数解析：target必需，表示复制到指定目标索引位置；start必需，表示元素复制的起始位置；end可选，表示停止复制的索引位置 (默认为 array.length)

var arr1=[1,2,3,4,5,6,7,8,9,10];console.log(arr1.copyWithin(3,6));   //[1,2,3,7,8,9,10,8,9,10]console.log(arr1);      //[1,2,3,7,8,9,10,8,9,10]var arr2=[1,2,3,4,5,6,7,8,9,10];console.log(arr2.copyWithin(2,4,6));   //[1,2,5,6,5,6,7,8,9,10]console.log(arr2);   //[1,2,5,6,5,6,7,8,9,10]

3.every

作用：every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
返回值：Boolean，如果数组中检测到有一个元素不满足，则整个表达式返回false，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。
原数组：不改变
注意： every() 不会对空数组进行检测，将返回true。
语法：array.every(function(currentValue,index,arr), thisValue)
语法参数解析：function(currentValue,index,arr)函数必需，数组中每个元素都会执行这个函数；函数中的参数currentValue必须，表示当前元素的值；index可选，表示当前元素的索引值；arr可选表示该数组；thisValue可选，它作为该执行回调时使用，传递给函数，用作”this”的值。如果省略了thisValue ，”this” 的值为 “undefined”

var arr1=[6,3,32,16,19];console.log(arr1.every(function(i){    return i>10;}))     //falseconsole.log(arr1);      //[6,3,32,16,9]console.log(arr1.every(function(i,index){    return i>10;}))     //falseconsole.log(arr1.every(function(i,index,arr1){    return i>10;}))     //falseconsole.log(arr1.every(function(i){    return i>10;},30))     //falseconsole.log([].every(function(i){    return i>10;}))     //true

4.some

作用：some()方法根据传入的测试条件（函数）遍历数组元素直到找到符合条件的元素。
返回值：Boolean，如果有一个元素满足条件，则表达式返回true,剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false
原数组：不改变
注意：some()不会对空数组进行检测，返回false
语法：array.some(function(currentValue,index,arr),thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.some(function(i){    return i>10;}))     //trueconsole.log(arr1);      //[6,3,32,16,9]console.log(arr1.some(function(i,index){    return i>10;}))     //trueconsole.log(arr1.some(function(i,index,arr1){    return i>10;}))     //trueconsole.log(arr1.some(function(i){    return i>10;},30))     //trueconsole.log([].some(function(i){    return i>10;}))     //false

5.filter

作用：filter()方法检测数值元素是否符合条件
返回值：Array，符合条件所有元素的数组。如果没有符合条件的元素则返回空数组。
原数组：不改变
注意：filter()不会对空数组进行检测，返回[]
语法：array.filter(function(currentValue,index,arr), thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.filter(function(i){    return i>10;}))     //[32,16,19]console.log(arr1);      //[6,3,32,16,9]console.log(arr1.filter(function(i){    return i>40;}))     //[]console.log(arr1.filter(function(i,index){    return i>10;}))     //[32,16,19]console.log(arr1.filter(function(i,index,arr1){    return i>10;}))     //[32,16,19]console.log(arr1.filter(function(i){    return i>10;},30))     //[32,16,19]console.log([].filter(function(i){    return i>10;}))     //[]

6.find

作用：find()方法根据传入的测试条件（函数）遍历数组元素直到找到符合条件的元素
返回值：符合条件的第一个元素，之后元素不会再执行，如果没有符合条件的元素返回 undefined。
原数组：不改变
注意: find() 对于空数组，函数是不会执行的,返回undefined
语法：array.find(function(currentValue, index, arr),thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.find(function(i){    return i>10;}))     //32console.log(arr1);      //[6,3,32,16,9]console.log(arr1.find(function(i){    return i>40;}))     //undefinedconsole.log(arr1.find(function(i,index){    return i>10;}))     //32console.log(arr1.find(function(i,index,arr1){    return i>10;}))     //32console.log(arr1.find(function(i){    return i>10;},30))     //32console.log([].find(function(i){    return i>10;}))     //undefined

7.findIndex

作用：findIndex()方法根据传入的测试条件（函数）遍历数组元素直到找到符合条件的元素。
返回值：Number，符合条件的第一个元素的索引位置，之后元素不会再执行，如果没有符合条件的元素返回-1
原数组：不改变
注意: findIndex()对于空数组，函数不执行，返回-1
语法：array.findIndex(function(currentValue, index, arr), thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.findIndex(function(i){    return i>10;}))     //-1console.log(arr1);      //[6,3,32,16,9]console.log(arr1.findIndex(function(i){    return i>40;}))     //-1console.log(arr1.findIndex(function(i,index){    return i>10;}))     //2console.log(arr1.findIndex(function(i,index,arr1){    return i>10;}))     //2console.log(arr1.findIndex(function(i){    return i>10;},30))     //2console.log([].findIndex(function(i){    return i>10;}))     //-1

8.forEach

作用：forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。
返回值：数组元素调用后的结果
原数组：不改变
注意: forEach() 对于空数组是不执行回调函数的。
语法：array.forEach(function(currentValue, index, arr), thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];arr1.forEach(function(i){    console.log(i+1);})      //7 4 33 17 20console.log(arr1);      //[6,3,32,16,9]arr1.forEach(function(i,index){    console.log(i+1);})      //7 4 33 17 20arr1.forEach(function(i,index,arr1){    console.log(arr1[index]);})      //6 3 32 16 19arr1.forEach(function(i){    console.log(i+1);

9.map

作用：map() 方法通过指定函数处理数组的每个元素，并返回处理后的数组。
返回值：Array，新数组，数组元素为原始数组元素调用函数处理后的值
原数组：不改变
注意： map() 不会对空数组进行检测
语法：array.map(function(currentValue,index,arr), thisValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.map(function(i){    return i+1;}))     //[7, 4, 33, 17, 20]console.log(arr1);      //[6,3,32,16,9]console.log(arr1.map(function(i){    return i+1;}))     //[7, 4, 33, 17, 20]console.log(arr1.map(function(i,index){    return i+1;}))     //[7, 4, 33, 17, 20]console.log(arr1.map(function(i,index,arr1){    return i+1;}))     //[7, 4, 33, 17, 20]console.log(arr1.map(function(i){    return i+1;},30))     //[7, 4, 33, 17, 20]console.log([].map(function(i){    return i+1;}))     //[]

10.reduce

作用：reduce()方法根据接收的函数将数组元素计算为一个值（从左到右）。
返回值：返回计算后的值
原数组：不改变
注意:reduce()对于空数组是不会执行回调函数的。
语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
语法参数解析：function(total,currentValue,currentIndex,arr)函数必需，数组中每个元素都会执行这个函数；函数中的参数total必需，表示初始值或者计算结束后的返回值；currentValue必须，表示当前元素的值；currentIndex可选，表示当前元素的索引值；arr可选表示该数组；initialValue可选，表示传递给函数的初始值

var arr1=[6,3,32,16,19];console.log(arr1.reduce(function(sum,val){    return sum+val;}))     //76console.log(arr1);      //[6,3,32,16,9]console.log([].reduce(function(sum,val){    return sum+val;}))     //报错

11.reduceRight

作用：reduceRight()方法根据接收的函数将数组元素计算为一个值（从左到右）。
返回值：返回计算后的值
原数组：不改变
注意:reduce() 对于空数组是不会执行回调函数的。
语法：array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue)
语法参数解析：同上

var arr1=[6,3,32,16,19];console.log(arr1.reduceRight(function(sum,val){    return sum+val;}))     //76console.log(arr1);      //[6,3,32,16,9]console.log([].reduceRight(function(sum,val){    return sum+val;}))     //报错

12.fill

作用：fill()方法用于将一个固定值替换数组的元素。
返回值：Array，替换后的数组
是否改变原数组：改变
语法：array.fill(value, start, end)
语法参数解析：value为必需，表示填充的值；start可选，表示开始填充位置；end为可选，表示停止填充位置（默认为arr.length）

var arr1=[1,2,3,4,5,6];console.log(arr1.fill('ab',2));     //[1, 2, "ab", "ab", "ab", "ab"]console.log(arr1);     //[1, 2, "ab", "ab", "ab", "ab"]var arr2=[1,2,3,4,5,6];console.log(arr2.fill('fv',2,4));     //[1, 2, "fv", "fv", 5,6]console.log(arr2);     //[1, 2, "fv", "fv", 5,6]

13.indexOf

作用：indexOf()方法从头到尾地检索数组字符串stringObject，并返回某个指定的字符串值所在的位置。
返回值：Number，某个指定的字符串值在字符串中首次出现的位置，未找到则返回-1
原数组：不改变
语法：array.indexOf(item,start)
语法参数解析：item为必需，表示查找的元素；start可选的整数参数，表示开始查找的索引位置，默认为0

var arr1=['a','c','b','f','a','v','a'];console.log(arr1.indexOf('a'));     //0console.log(arr1);      //['a','c','b','f','a','v','a']console.log(arr1.indexOf('a',3));   //4console.log(arr1.indexOf('af'));    //-1

14.lastIndexOf

作用：类似于indexOf()方法，lastIndexOf()方法从后往前检索数组字符串stringObject，并返回某个指定的字符串值所在的位置。
返回值：Number，某个指定的字符串值在字符串中最后出现的位置，未找到则返回-1
原数组：不改变
语法：array.lastIndexOf(item,start)
语法参数解析：item为必需，表示查找的元素；start可选的整数参数，表示开始查找的索引位置，默认为array.length-1

var arr1=['a','c','b','f','a','v','a'];console.log(arr1.lastIndexOf('a'));     //6console.log(arr1);      //['a','c','b','f','a','v','a']console.log(arr1.lastIndexOf('a',3));   //0console.log(arr1.lastIndexOf('a',5));   //4console.log(arr1.lastIndexOf('af'));    //-1

15.join

作用：join()方法用于把数组中的所有元素转换成一个字符串，元素是通过指定的分隔符进行分隔的。
返回值：String，转换后的字符串
原数组：不改变
语法：array.join(separator)
语法参数解析：separator可选，表示要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

var arr1=[1,2,3,4,5];console.log(arr1.join());       //'1,2,3,4,5'console.log(arr1);      //[1,2,3,4,5]console.log(arr1.join('and'));      //'1and2and3and4and5'

16.toString

作用：toString()方法可把数组转换为字符串，并返回结果，数组中的元素之间用逗号分隔
返回值：String，转换后的字符串
原数组：不改变
语法：array.toString()

var arr1=[1,2,3,4,5];console.log(arr1.toString());   //'1,2,3,4,5'console.log(arr1);      //[1,2,3,4,5]

17.sort

作用：sort() 方法用于对数组的元素进行排序。
返回值：Array，排序后的数组
原数组：改变
注意：排序顺序可以是字母或数字，并按升序或降序。字母排序的话直接调用sort()方法；数字排序必须通过一个函数作为参数来调用。函数指定数字是按照升序（a-b）还是降序排列（b-a）
语法：array.sort(sortfunction)
语法参数解析：sortfunction可选，规定排序顺序，必须是函数

var arr1=[32,4,17,42,2,11];console.log(arr1.sort());       // [11, 17, 2, 32, 4, 42]console.log(arr1);       // [11, 17, 2, 32, 4, 42]var arr2=[32,4,17,42,2,11];console.log(arr2.sort(function(a,b){    return a-b;}));       // [2, 4, 11, 17, 32, 42]console.log(arr2);       // [2, 4, 11, 17, 32, 42]var arr3=[32,4,17,42,2,11];console.log(arr3.sort(function(a,b){    return b-a;}));       // [42, 32, 17, 11, 4, 2]console.log(arr3);       // [42, 32, 17, 11, 4, 2]var arr4=['af','fc','ab','cd','fcd'];console.log(arr4.sort());       //['ab','af','cd','fc','fcd']console.log(arr4);       //['ab','af','cd','fc','fcd']

18.reverse

作用：reverse() 方法用于反转数组中元素的顺序。
返回值：Array，反转顺序后的数组
原数组：改变
语法：array.reverse()

var arr1=[1,2,3,4,5];console.log(arr1.reverse());        // [5, 4, 3, 2, 1]console.log(arr1);        // [5, 4, 3, 2, 1]

19.pop

作用：pop() 方法用于删除数组的最后一个元素并返回删除的元素。
返回值：任何类型，被删除的元素
原数组：改变
语法：array.pop()

var arr1=[1,2,3,4,5];console.log(arr1.pop());    //5console.log(arr1);  //[1,2,3,4]

20.push

作用：push()方法用于向数组的末尾添加一个或多个元素，并返回新的长度。
返回值：Number，数组新长度
原数组：改变
语法：array.push(item1, item2, …, itemX)
语法参数解析：参数必需，要添加到数组的元素，可一个或者多个

var arr1=[1,2,3,4];console.log(arr1.push(1));      //5console.log(arr1);      //[1,2,3,4,1]console.log(arr1.push('a','b'));      //7console.log(arr1);      //[1,2,3,4,1,'a','b']

21：shift

作用：shift()方法用于删除数组的第一个元素，并且返回它。返回值：任何类型，被删除的元素原数组：改变语法：array.shift()```var arr1=[1,2,3,4,5];console.log(arr1.shift());      //1console.log(arr1);      //[2,3,4,5]```

22.unshift

作用：unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度。
返回值：Number，数组新长度
原数组：改变
语法：array.unshift(item1,item2, …, itemX)
语法参数解析：可选，向数组起始位置添加的一个或者多个元素。

var arr1=[1,2,3,4,5];console.log(arr1.unshift('a'));     //6console.log(arr1);     //['a',1,2,3,4,5]console.log(arr1.unshift(12,'b'));     //8console.log(arr1);     //[12,'b','a',1,2,3,4,5]

23.slice

作用：slice()方法可选取数组的一部分，并返回一个新数组。
返回值：Array，被提取的部分数组
原数组：不改变
语法：array.slice(start, end)
语法参数解析：start必需，规定从何处开始选取，如果是负数，他表示从数组尾部开始算起的位置即-1 指最后一个元素；end可选，规定从何处结束选取，没有则默认为到最后一个元素，若为负数，则表示是从数组尾部开始算起的元素。

var arr1=[1,2,3,4,5,6,7,8];console.log(arr1.slice(3));     //[4,5,6,7,8]console.log(arr1);     //[1,2,3,4,5,6,7,8]console.log(arr1.slice(3,6));     //[4,5,6]console.log(arr1.slice(-2));     //[7,8]console.log(arr1.slice(-2,4));     //[]console.log(arr1.slice(4,-2));     //[5,6]console.log(arr1.slice(-4,-2));     //[5,6]console.log(arr1.slice(-2,-4));     //[]

24.splice

作用：splice()方法用于插入、删除或替换数组的元素。
返回值：Array，操作删除或者替换的数组
原数组：改变
语法:array.splice(index,howmany,item1,…..,itemX)
语法参数解析：index必需，规定从何处添加/删除元素，该参数是开始插入和（或）删除的数组元素的下标，必须是数字；howmany必需，规定应该删除多少元素，必须是数字，但可以是 “0”，若为空则默认删除从 index 开始到原数组结尾的所有元素；item可选，表示要添加到数组的新元素

var arr1=[1,2,3,4,5,6,7,8,9,10];console.log(arr1.splice(2));        //[3, 4, 5, 6, 7, 8, 9, 10]console.log(arr1);      //[1,2]var arr2=[1,2,3,4,5,6,7,8,9,10];console.log(arr2.splice(2,4,'a'));        //[3, 4, 5, 6]console.log(arr2);      //[1,2,'a',7,8,9,10]var arr3=[1,2,3,4,5,6,7,8,9,10];console.log(arr3.splice(4,3));        //[ 5, 6, 7]console.log(arr3);      //[1,2,3,4,8,9,10]

25.valueOf

作用：valueOf() 方法返回数组对象的原始值。
返回值：Array，数组对象原始值，相当于原数组
原数组：不改变
语法：array.valueOf()

var arr1=[1,2,3,4,5];console.log(arr1.valueOf());        //[1, 2, 3, 4, 5]console.log(arr1);      //[1, 2, 3, 4, 5]