你觉得你过不去的坎的时候，有一天也会乐观的和别人分享。或许这就是成长。有时候，闭上眼睛，放下骄傲，承认是自己错了，不是认输，而是成长。
本文实例讲述了ES6 Iterator接口和for...of循环用法。分享给大家供大家参考，具体如下：
<script>
// 数组已经帮我们内置这个Iterator接口
let arr = ['hello','world'];
let map = arr[Symbol.iterator](); // 数组直接调用iterator接口，返回一个对象map
console.log(map.next()); // {value: "hello", done: false} done:循环没有下一步状态：true没有，false:有状态，循环并没有结束
console.log(map.next()); // {value: "world", done: false}
console.log(map.next()); // {value: undefined, done: true}
</script>
运行结果：
for...of循环，就是不断的调用Iterator接口。
object数据结构没有实现Iterator接口。
自定义实现object的Iterator接口
<script>
let obj ={
start: [1,5,7],
end:[8,4,3],
[Symbol.iterator](){
let self = this;
let index = 0;
let arr = self.start.concat(self.end);
let len = arr.length;
return {
next(){
if(index<len){
return{
value:arr[index++],
done:false
}
}else{
return {
value:arr[index++],
done:true
}
}
}
}
}
}
for(let key of obj){ // for...of 背后用的就是iterator接口
console.log(key); // 1 5 7 8 4 3
}
</script>
运行结果：
<script>
let arr = ['xixiaoxian','jamin'];
for(let value of arr){
console.log(value); // xixiaoxian jamin
}
</script>
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.haodaima.com/code/HtmlJsRun测试上述代码运行效果。
希望本文所述对大家JavaScript程序设计有所帮助。
本文ES6 Iterator接口和for...of循环用法分析到此结束。一个成熟的人握住自已快乐的钥匙，他不期待别人使他快乐，反而能将幸神福与快乐带给别人。小编再次感谢大家对我们的支持！