JavaScript数组遍历方法

• for in： 遍历的是数组的键名，适合遍历对象

  const myLifeSummedUp = ['☕', '💻', '🍷', '🍫'];
  for (let item in myLifeSummedUp) {
    console.log(item); //  0 1 2 3
  }

• for of： 遍历的是数组元素值且不包括数组的原型属性method和索引name，适合遍历数组

  const myLifeSummedUp = ['☕', '💻', '🍷', '🍫'];
  for (let item of myLifeSummedUp) {
    console.log(item); // "☕" "💻" "🍷" "🍫"
  } 

• forEach：遍历数组的时候，break不能中断循环，return不能返回到外层函数

  let arr = [1,2,3,4];
  arr.forEach((currentValue, index, arr) => {
      console.log(currentValue) // 1 2 3 4
  })
  

• map：迭代数组中的每一个元素，并根据回调函数来处理每一个元素，最后返回一个新数组，不会改变原始数组

  let arr = [1,2,3,4];
  let arr2 = arr.map(item =>item+1)
  console.log(arr2) //[2,3,4,5]

• filter：创建一个包含符合条件的元素的新的数组

  let arr = [1, 2, 3, 4];
  let arr2 = arr.filter(item => item > 2)
  console.log(arr2); // [3, 4]

• some：检测数组中的元素是否满足指定条件。依次执行数组中每个元素，如果有一个元素满足条件，则表达式返回true，剩余的元素不再进行检测。如果没有满足条件的元素，返回false。

  let arr = [1, 2, 3, 4];
  let arr2 = arr.some(item => item > 3 )
  console.log(arr2); // true

• every：检测数组所有元素是否都符合指定条件。依次执行数组中每个元素，如果所有的元素都满足条件，则表达式返回true。如果存在没有满足条件的元素，返回false。

  let arr = [1, 2, 3, 4];
  let arr2 = arr.every(item => item > 3 )
  console.log(arr2); // false

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

  array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
  // total 必需  初始值或计算结束后的返回值
  // currentValue 必需  当前元素
  // currentIndex 可选  当前元素的索引
  // arr 可选 当前元素所属的数组对象
  // initialValue 可选 传递给函数的初始值

  // 求数组项之和 传入初始值0，prev初始值为0，cur为1.相加之后的返回值1作为下一轮回调的prev，再继续与下一项相加，直到完成所有数组项的和并返回
  var arr = [1, 2, 3, 4]
  var sum = arr.reduce(function (prev, cur) {
      return prev + cur;
  },0);

• find：返回通过函数内判断的数组的第一个元素的值。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数，如果没有符合条件的元素返回 undefined。

  let arr = [1, 2, 3, 4]
  let findValue = arr.find((item, index) => {
    return item === 1;
  });
  console.log(findValue); // 1

• findIndex：返回通过函数内判断的数组的第一个元素的位置。数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。如果没有符合条件的元素返回 -1。

  let arr = [1, 2, 3, 4]
  let findIndex = arr.findIndex((item, index) => {
    return item === 1;
  });
  console.log(findIndex); // 0