作为一个前端,我对自己的知识量感到羞愧。
前两天遇见了一个面试题,问道到一个特别简单特别基础的问题,然而,我居然不会!!!
for in 与for of 的区别:
1.for in:ES5 标准
for(var key in arr){
//当arr是一个数组时,此处 index 指的是数组的索引(索引这个表达不太贴切),所以用法应该是:
var index=key; //值得注意的是,这个位置的index的值得类型是string类型,所以不可以进行几何运算
console.log(arr[index]); //打印出数组的各个元素
//当arr是一个对象时,此处的 attr 指的是对象的属性,所以用法应该是:
var attr=key;//此处的attr就时对象的属性
console.log(attr);//打印出arr对象的属性名
console.log(arr[attr]); //打印出对象的各个属性值
}
因为不管是index还是attr,在这里都是指对象或者数组的属性,
所以for in更适合遍历对象,尽量不要使用for in遍历数组。
2.for of:ES6 标准
for(let item of arr){
let ele=item; //在此处 item 直接指的就是数组的元素,所以用法应该是:
console.log(item); //直接打印出数组的各个元素(或对象)
}
此处的arr只能是数组(无论是数字数字,字符串数组,还是对象数组)。
记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。
for of遍历的只是数组内的元素,而不包括数组的原型属性method和索引name