js 操作数组的常用方法

1.push()将一个或多个元素添加到数组的末尾，并返回该数组的长度，该方法改变原数组。

    var arr = ['a','b','c'];
    var newArr=arr.push('aa');
    console.log(arr);//['a', 'b', 'c', 'aa']
    console.log(newArr);//新数组的长度 4

2.pop() 从数组中删除最后一个元素，并返回该元素的值，如果数组为空，则返回undefined,该方法修改原数组。

    var arr = ['a','b','c'];
    var newArr=arr.pop('c');
    console.log(arr);//['a', 'b']
    console.log(newArr);//返回删除的元素 c

3.shift() 从元素中删除第一个元素，并返回该元素的值，该方法改变原数组。

    var arr = ['a','b','c'];
    var newArr=arr.shift();
    console.log(arr);//['b', 'c']
    console.log(newArr);//返回删除的元素 a

4.unshift() 将一个或多个元素添加到数组的开头，并返回该数组的新长度，该方法改变原数组。

    var arr = ['a','b','c'];
    var newArr=arr.unshift("yy","xx");
    console.log(arr);// ['yy', 'xx', 'a', 'b', 'c']
    console.log(newArr);// 5

5.slice(start, end) 可将已有的数组中返回选定的元素，也可提取字符串的某个部分，并以新的字符串返回被提取的部分，该方法不会改变原数组。

start ,可选。规定从何处开始选取，如果该参数为负数，则表示从原数组中倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。

end,可选。规定从何处结束选取，该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从start到数组结束的所有元素。如果该参数为负数，则表示它在原数组中的倒数第几个元素结束抽取。slice(-2,-1) 表示抽取了原数组中的倒数第二元素到最后5元素（不包含最后一个元素，也就是只有倒数第二个元素）。

    var arr = ['a','b','c','d','e'];
    var newArr=arr.slice(0,3);
    console.log(arr);//不改变原数组 ['a', 'b', 'c', 'd', 'e']
    console.log(newArr);// ['a', 'b', 'c']
    console.log(arr.slice(-2));//['d', 'e']
    console.log(arr.slice(-3,-2));//['c']

6.splice(index,howmany,item1,.....,itemX)，用于添加和删除数组中的元素，改方法会改变原始数组。

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

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

 item1,.....,itemX，可选，要添加到数组的新元素

    var arr = ['a', 'b', 'c', 'd'];
    arr.splice(2,0,'tt')//['a', 'b', 'tt', 'c', 'd']
    arr.splice(2)//['a', 'b']
    arr.splice(2,1)//['a', 'b', 'd']

7.concat()，用于合并两个或多个数组，此方法不会更改现有数组，而是返回一个新数组。

    var arr = ['a', 'b', 'c', 'd'];
    var arr2=['xx','yy'];
    var arr3=arr.concat(arr2);
    console.log(arr3)// ['a', 'b', 'c', 'd', 'xx', 'yy']

8. join()，用于把数组中的所有元素转换成一个字符串，元素可以通过指定的分隔符进行分隔的。

    var arr = ['a', 'b', 'c', 'd'];
    var str =arr.join();//a,b,c,d
    var str1=arr.join("-")//a-b-c-d

9.sort()，对数组的元素进行排序。此方法修改原数组。

    var arr = ['5', '3', '4', '1'];
    arr.sort()
    console.log(arr)['1', '3', '4', '5']

10.reverse()，将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。该方法修改原数组。

    var arr = ['a', 'b', 'c', 'd'];
    arr.reverse();
    console.log(arr);//['d', 'c', 'b', 'a']

11.forEach(function(currentValue, index, arr), thisValue)，用于调用数组的每个元素，并将元素传递给回调函数，对于空数组不会执行回调函数。

function(currentValue, index, arr)，必须，数组中每个元素需要调用的函数。

currentValue：必须，当前的元素

index：可选，当前元素的索引值

arr：可选，当前元素所属的数组

thisValue：可选，传递给函数的值一般用“this”值。如果这个参数为空。“undefine”会传递给“this”值

    var arr = ['a', 'b', 'c', 'd'];
    arr.forEach(function (item, index) {
      console.log(index + '-' + item);
    })
    // 输出结果
    // 0 - a
    // 1 - b
    // 2 - c
    // 3 - d

12.map(function(currentValue,index,arr), thisValue),该方法返回一个新的数组，数组中的元素为原始数组元素调用函数处理后的值，该方法不会对空数组进行检测，也不会改变原始数组。

function(currentValue, index,arr)，必须，数组中每个元素需要调用的函数。

currentValue，必须，当前元素的值

index：可选，当前元素的索引值

arr：可选，当前元素所属的数组

 thisValue，可选，对象作为该执行回调时使用，传递给函数，用作 "this" 的值。
如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。

 var arr = [{ name: '小红', age: 18 },
    { name: '小米', age: 18 },
    { name: '小花', age: 18 }]

    var newArr=arr.map(function(item){
       if(item.name=='小米'){
        item.age=15;
       }
       return item;
    })
    console.log(newArr)
    // newArr新数组结果
    // {name: '小红', age: 18}
    // {name: '小米', age: 15}
    // {name: '小花', age: 18}

13. filter(function(currentValue,index,arr), thisValue)，该方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。该方法不改变原数组。

参数同map解释一样；

    var ages = [14, 56, 8, 9, 7, 5, 88, 66];
    var result = ages.filter(function (item) {
      return item > 20
    })
    console.log(result);//[56, 88, 66]

14.every(function(currentValue,index,arr), thisValue)，该方法用于检测数组所有元素是否符合指定条件（通过函数提供）。

如果数组中检测到有一个元素不满足，则整个表达式返回false,且剩余的元素不再进行检测

如果所有元素都满足条件，则返回true

    var ages = [14, 56, 8, 9, 7, 5, 88, 66];
    var result = ages.every(function (item) {
      console.log(item)//14,56,8 //8后面的就不执行了
      return item > 10
    })
    console.log(result);//false

15.some(function(currentValue,index,arr),thisValue),该方法用于检测数组中是不是至少有一个元素通过了被提供的函数测试。该方法不改变原数组。

如果有一个元素满足条件，则表达式返回true,剩余的元素不会再执行检测。

如果没有满足条件的元素，则返回false

    var ages = [14, 56, 8, 9, 7, 5, 88, 66];
    var result = ages.some(function (item) {
      console.log(item)//14,56//56后面的就不执行了
      return item > 20
    })
    console.log(result);//true //有一个满足就返回true,后面的元素不执行

16.find(function(currentValue, index, arr),thisValue)，该方法返回通过测试（函数内判断）的数组的第一个元素的值，该方法不改变原数组的原始值。

当数组中的元素在测试条件时返回true时，find()返回符合条件的元素，之后的值不会再调用执行函数

如果没有符合条件的元素返回undefine

     var ages = [14, 56, 8, 9, 7, 5, 88, 66];
     var result = ages.find(function (item) {
      console.log(item)//14,56//56后面的就不执行了
      return item > 20
    })
    console.log(result);//56 

17.reduce(function(total, currentValue, currentIndex, arr), initialValue),该方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

total：必需，初始值，或计算结束后的返回值

currentValue：必需，当前元素

currentIndex：可选，当前元素的索引

arr：可选，当前元素所属的数组对象

initialValue：可选，传递给函数的初始值

​
    var ages = [14, 56, 8, 9, 7, 5, 88, 66];
    var result= ages.reduce(function(total,num){
      return  total + num;
    })
    console.log(result);//253

​