Vue前端js循环遍历数组八种方法总结最新

前五种常用，第三种个人觉得常用最多，自己复制代码打印试试

var arr = [1, 2, 3, 4, 5, 6];

    // 第一种   for循环遍历
    var newArr = [];
    for(var i = 0; i < arr.length; i++){
      newArr.push(arr[i])
      console.log(newArr)
    }

    // 第二种 es6语法  arr.forEach()遍历
    var newArr = [];
    arr.forEach((item) => {
      newArr.push(arr[item])
      console.log(newArr)
    })

    // 第三种   Object.keys()遍历
    // (个人推荐比较好用：枚举方法)   (返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).)
    var newArr = [];
    Object.keys(arr).forEach((item) => {
      newArr.push(arr[item])
      console.log(newArr)
    })


     // 第四种   arr.map(function callback(currentValue[, index[, array]]) 或者这样 array.map(item,index,arr) 
    // currentValue: callback一系列中正在处理的当前元素 index: callback一系列中正在处理的当前元素的索引。array:  map 调用方法的目录
    var newArr = []
    arr.map((item) => {
      newArr.push(arr[item])
      console.log(newArr)
    })

    // 第五