面试题之for·····of与for······in两个遍历方法

1.两个方法的区别

       1.1 for······of方法

               1.可以避免for·····in循环中的陷阱
               2.不同于forEach,可以使用return、break、continue这些语句来终止循环。
               3.它不仅仅支持数组的遍历，同时也适用于很多类似于数组的对象，都可以使用这个方法来进行遍历
               4.也可以遍历字符串
               5.不能处理原有的原生对象。
               6.不能遍历一个普通对象，只有在对象中设置了Symbol.iterator的属性，才具有iterator接口去使用for······of去循环。
               7.如果没有设置Symbol.iterator属性，还是要遍历普通对象的话，需要联合Object.keyo()方法。

       1.2 for······in方法

               1.循环遍历的值都是数据结构的键值，可以循环数组也能循环对象，该方法都能够去实现。
               2.遍历数组元素的时候，其它新增的属性也会被遍历到。
               3.有些情况，会以随机顺序去遍历数组。
               4.一般常用于遍历对象。

2.都遍历数组的写法

 

Array.prototype.method=function(){
　　console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组"
//  这是for····in的写法，并打印的结果
for (var index in myArray) {
  console.log(myArray[index]);
}
//  这是for····of的写法，并打印的结果
for (var index of myArray) {
  console.log(myArray[index]);
}

 

3.注意的点

         3.1for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。
         for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name，遍历对象 通常用for in来遍历对象的键名
 

Object.prototype.method=function(){
　　console.log(this);
}
var myObject={
　　a:1,
　　b:2,
　　c:3
}
for (var key in myObject) {
  console.log(key);
}