常用数组函数

数组的一些方法

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

• 数组去重

  （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)的方法