常用for循环和for in 以及for of 的区别

用Es6对象扩展运算符（…）与rest运算符说明

function test (...a) {
  for (let val = ; val < a.length; val++) {
    console.log(val + ' ' + '常用的 for循环') // 0-7 便利出下标
  }
 
  for (let val in a) {
    console.log(val + ' ' + 'for in  0-7 便利出下标') // 0-7 便利出下标
  }
 
  for (let val of a) {
    console.log(val + ' ' + 'for of 1-8 便利值') // 1-8 便利值
  }
}
test(, , , , , , , )

补充一个可以用for of 同样能实现for in效果的方式

for…of数组索引:有时候开发中是需要数组的索引的，那我们可以使用下面的代码输出数组索引。
 
let arr=['xzblogs','小智','zachary']
for (let index of arr.keys()){
    console.log(index);
}
 
可以看到这时的控制台就输出了0,1,2，也就是数组的索引。

用for of还可以同时输出对应的索引值和对应的内容，也就是键值对

我们用entries()这个实例方法，配合我们的for…of循环就可以同时输出内容和索引了。
 
let arr=['xzblogs','小智','zachary']
for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}

利用in来遍历 key 为数字的数据列表

let data = {
  '': { 'value':  },
  '': { 'value':  }
}
 
for (const key in data) {
  console.log(key, data[key].value)
  // 打印出 
 
}