Array数组常用方法的总结

1、forEach()

forEach遍历数组，无返回值，不改变原数组，
仅仅只是遍历、常用于注册组件、指令等等。

      var arr = [1,2,3,4]

      arr.forEach(function(item, index ,arr) {
        console.log('item',item)
        console.log('index',index)
      })

2、map()

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

      var arr = [1,2,3,4]

      let a = arr.map(function(item, index ,arr) {
        return item * 10
      })
      console.log(a)

 Array.forEach与Array.map的区别

相同点：
1、都是循环遍历数组中的每一项
2、forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）
3、匿名函数中的this都是指向window
4、只能遍历数组

不同点：forEach没有返回值，对原数组无影响，但可以通过数组的索引改变数组

map的回调支持return，return的是什么，就把数组的这一项变成什么（如果什么都没有，则复制出了一个空数组，长度与原数组相同，但没有值）。由于是复制，所以对原数组无影响

 

3、filter（）

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

      var arr = [1,2,3,4]

      let a = arr.filter(function(item, index ,arr) {
        return item > 2
      })
      console.log(a)

4、reduce()

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

      var arr = [1,2,3,4]

      let a = arr.reduce(function(result, item, index ,arr) {
        console.log(result)  //result 为上一次计算的结果
        return result + item
      })
      console.log(a)

5、some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

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

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

      var arr = [1,2,3,4]

      let a = arr.some(function(item, index ,arr) {
        return item > 2
      })
      console.log(a)

6、every()（注意与some()的不同）

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

      var arr = [1,2,3,4]

      let a = arr.every(function(item, index ,arr) {
        return item > 2
      })
      console.log(a)