数组的一些方法

java script的数组是个非常熟悉不过的类型，而且有着非常强大的功能，但并不是没有前端学习的人都可以熟练掌握它，下面就来说一下数组的一些方法

• 数组去重

  （1）给一个数组arr=[1,2,3,3,4]，该如何去重？

  • es6里面有一个新的数据结构Set var newArr=new Set(arr);

  • es5方法是声明一个新数组obj，遍历arr，查看其中元素是否在新数组中存在，代码如下：

    var newArr = [];
    for (var i = 0; i < arr.length; i++) {
        if(newArr.indexOf(arr[i]) === -1){
            newArr.push(arr[i]);
        }
    }
    console.log(newArr); //[1,2,3,4];

• Array.forEach

  foreach是对数组中每个元素执行一次给定函数，但是原数组不变，无返回值

      var arr = [1,2,3,4];
      arr.forEach(function(item, index, origin){
          item += 1;
          console.log(item);//2,3,4,5
      })
      console.log(arr);//[1,2,3,4]

• Array.map

  map是对数组中每个元素执行一次给定函数，原数组不变，返回新数组

      var arr = [1,2,3,4];
      var newArr=arr.map(function(item, index, origin){
          return ++item;
      })
      console.log(newArr);//[2,3,4,5]

• Array.filter

  filter是对数组中每个元素执行一次给定函数，原数组不变，返回符合条件的新数组

      var arr = [1,2,3,4];
      var newArr=arr.filter(function(item, index, origin){
          return item>2;
      })
      console.log(newArr);//[3,4]

• Array.reduce

  reduce是第一个参数是一个函数，该函数的参数为上一次执行函数结果pre和目前元素的值和索引，通常用于求数组之和，第二个参数是在第一次执行函数是的pre的值，如果没有该参数则将第一个值当做pre的值

      var arr = [1,2,3,4];
      var res=arr.reduce(function(pre, cur, curIndex, origin){
          console.log(curIndex);//1,2,3
          return pre + cur;
      })
      console.log(res);//10
  
      var res=arr.reduce(function(pre, cur, curIndex, origin){
          console.log(curIndex);//0,1,2,3
          return pre + cur;
      }, 5)
      console.log(res);//15

• Array.every

  every是对数组中每个元素执行一次给定函数，如果有一个结果为false，则返回false；

      var arr = [1,2,3,4];
      var res = arr.every(function(item, index, origin){
          return item > 2;
      })
      console.log(res);//false

• Array.some

  some与every相对，是对数组中每个元素执行一次给定函数，如果有一个结果为true，则返回true；

      var arr = [1,2,3,4];
      var res = arr.some(function(item, index, origin){
          return item > 2;
      })
      console.log(res);//true

• 将类数组转换为数组

  • es6中提供了Array.from的方法

  • es5中可以使用 Array.prototype.slice.call(arr)的方法