ES6自定义Symbol.iterator的实例-解决死循环问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_31490071/article/details/84957928

今天学习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}
				}
			},

亲测两种方法都可以解决死循环的问题。

猜你喜欢

转载自blog.csdn.net/qq_31490071/article/details/84957928