今天学习ES6的Symbol属性,顺便分享一个Symbol.iterator的实例:
这是一个用于输出下标为偶数位数值的遍历方法,但是发现这样写以后,直接进入死循环,浏览器都卡死了
//自定义Symbol的迭代器Symbol.iterator
var arr1 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
//自定义遍历器,输出index为偶数的数据
var customitr = {
[Symbol.iterator](){
let index = 0;
return{
[Symbol.iterator](){return arr1},
next(){
let nextone = index;
index+=2;
return {value:arr1[nextone],done:false}
},
return(v){
console.log("next value~");
return {value:v,done:true}
}
}
}
}
for(let s of customitr){
console.log(s);
}
有两种解决办法:
第一种,人工手动解决:
其他地方保持不变,在for...of遍历时加上判断,强制for循环跳出。
for(let s of customitr){
console.log(s);
if(s == undefined) break;
}
第二种,在next方法中直接加判断让其结束,保持其他地方不变,next方法改写如下:
next(){
let nextone = index;
index+=2;
let len = arr1.length;
if(nextone <20){ //通过长度判断,超过长度直接将done置为true,结束
return {value:arr1[nextone],done:false}
}else{
return {value:'',done:true}
}
},
亲测两种方法都可以解决死循环的问题。