for…of是允许遍历一个含有iterator接口的数据结构(数组) 并且返回各项的值
1)需要遍历的是类数组对象,使用数组的Array.from转为数组
var obj={
0:1,
1:2,
2:3,
length:3
}
obj=Array.from(obj)
for(let value of obj){
console.log(value);//1 2 3
}
2)需要遍历的对象不是对象,给对象添加一个Symbol.iterator属性(默认的iterator接口),指向迭代器
iterator遍历过程:
- 创建一个指针对象,指向当前数据结构的起始位置
- 第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员
- 第二次调用指针对象的next方法,指针就指向数据结构的第二个成员
- 不断的调用指针对象的next方法,直到它指向数据结构的结束位置
每一次调用next方法,都会返回数据结构当前的成员信息,返回一个包含value和done两个属性的对象
- value:当前成员的值
- done:是一个布尔值,表示遍历是否结束
var Person={
name:'jack',
age:18,
height:185,
weight:160,
sex:'男'
}
Person[Symbol.iterator]=function(){
var key=Object.keys(this)
var index=0
return{
next() {
if (index < key.length) {
return { value: [key[index++]], done: false }
} else {
return { value: undefined, done: true }
}
}
}
}
for (item of Person) {
console.log(item);
}