[[toc]]
痛点
总结
ps
// for-of可以遍历: Array,Map,Set,String 等
// 注: object 不可以,因为 obj is not iterable
const arr=['a','b','c'];
for (let i of arr){
console.log(i)
//a、b、c
}
const m=new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (let j of m){
console.log(j)
//[1, 'x'], [2, 'y'], [3, 'z']
}
可迭代(iterable)意味着
// 迭代器的next方法
let arr = ['a', 'b', 'c'];
let iter = arr[Symbol.iterator]();
// TEST
console.log('iter=',iter) // iter={next:function}
console.log(iter.next()) // { value: 'a', done: false }
console.log(iter.next()) // { value: 'b', done: false }
console.log(iter.next()) // { value: 'c', done: false }
console.log(iter.next()) // { value: undefined, done: true }
过程
next返回结果
改写思路
arr = ['a','b','c']
{0:'a',1:'b',2:'c',length:3,[Symbol.iterator]: function}
[Symbol.iterator]
并返回 {next:function}
对象// 1. 探究默认迭代器
const arr = ['a','b','c'] // 数组
const iter = arr[Symbol.iterator] // 迭代器方法
const iterResult = arr[Symbol.iterator]() // 执行迭代器返回值
// TEST
console.log('arr=',arr)
console.log('iter=',iter)
console.log('iterResult',iterResult)
// arr= (3) ['a', 'b', 'c'] prototype包含属性 Symbol(Symbol.iterator): ƒ values()
// iter= ƒ values() { [native code] }
// iterResult Array Iterator {} prototype包含属性 next: ƒ next()
// 2. object 默认是不可以被遍历的
name: 'abc',
cities:[ 'London', 'New York', 'Tokyo']
}
for (const v of obj) {
console.log('v=',v)
}
// 报错: Uncaught TypeError: obj is not iterable
// 3. 自定义object内部迭代器,遍历object内部数组
const obj = {
name: 'abc',
cities:[ 'London', 'New York', 'Tokyo'],
[Symbol.iterator](){
let index = 0;
let _self = this;
return {
next: function(){
if(index >= _self.cities.length){
return {value:undefined,done:true}
}else{
const result = {value: _self.cities[index], done:false}
index++
return result
}
}
}
}
}
for (const v of obj) {
console.log('v=',v)
}
// v= London
// v= New York
// v= Tokyo