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

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

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