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);
}