JS数组遍历

本文针对JS中数组遍历做一个总结

普通 for 循环

    for(let i = 0, len = arr.length; i < len; i++) {
        console.log(arr[i]);
    }

forEach 循环(数组自带的方法)

    arr.forEach((value, index) => {
        console.log('序号:' + index + ', 值:' + value)
    });

注意: forEach循环中不能 break, return和循环中改变数组的值

map 循环

    let newArr = arr.map((value, index) => {
      return value++;
    });

注意: map循环返回一个新数组,可以return, break

filter 循环

    let newArr = arr.filter((value, index) => {
      return value > 20;
    });

注意: filter循环返回一个新数组,其中值为返回判断条件为true的值(可以理解为过滤)

reduce

    let sum = arr.reduce((prev, cur, index, arr) => {
      console.log(prev, cur);
      return prev + cur;
    }, 0);

注意: 一般 reduce用来计算数组的每一项之和,第一个参数是函数,第二个参数是初始值,若不指定初始值的话将从数组的第二项开始给每一项执行函数,所以一般我们都会指定初始值.第一个函数参数分别为 上一项, 当前项, 当前数组下标, 当前数组

for-of 循环

    for (const item of arr) {
      console.log(item)
    }

• 可以正确响应break、continue和return语句
• 不仅支持数组，还支持大多数类数组对象
• 支持字符串遍历

for-in 循环

    for (const key in obj) {
      console.log(key + ':' + obj[key])
    }

注意: for-in循环适用于遍历对象,若是遍历数组的话访问的是数组的下标.另外,在跨浏览器的设计中，我们不能依赖于for-in来获取对象的成员名称