for..of和for..in和map等循环区别

Posted 2021-01-18 qdlhj

1、for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

for in遍历比较适合遍历对象，不太适合数组，有可能遍历出来的不按照顺序

遍历数组

var myArray=[1,2,4,5,6,7]
for (var i in myArray) {  //i是数组的index
  console.log(myArray[i]);  //1,2,4,5,6,7
}

遍历对象

var myObj={‘name:‘lanlan‘,‘sex‘:‘male‘}
for (var key in myObj) {  //key是对象的key值
  console.log(key,myObj[key]);  //name,lanlan,sex,male
}

for of遍历

var myArray=[1,2,4,5,6,7]for (var value of myArray) { //value是数组的元素值
  console.log(value);  //
}

 forEach(value,index,arr)遍历数组 (value是当前遍历的值，index是当前遍历的索引，arr是当前遍历所在的数组)

    //forEach循环
    [1,2,3,4,5,6].forEach(function (value,index,arr) {
         console.log(value); //1,2,3,4,5,6
         console.log(index);//0,1,2,3,4,5
    });