本文主要是介绍ES6：可迭代对象（Iterable object），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一、概念
可迭代对象是数组的泛化，是定义了内置迭代器方法 Symbol.iterator 的对象。是可以在for..of 循环中使用的对象。
二、迭代器（iterator）
为了让对象可以迭代，我们需要给对象添加一个迭代器--Symbol.iterator。
迭代器是一个包含next（）方法的对象，next（）是一个需要自定义的方法，用于定义每次调用时应返回的值和是否完成迭代的条件。
例如：
<script>let range = {a: 1,b: 5,};// 1. for..of 调用首先会调用这个：range[Symbol.iterator] = function () {// 返回迭代器对象（iterator object）：// 2. 接着定义next() 方法return {current: this.a,last: this.b,// 3. next() 在 for..of 的每一轮循环迭代中被调用next() {// 4. 它将会返回 {done:.., value :...} 格式的对象if (this.current <= this.last) {return { done: false, value: this.current++ };} else {return { done: true };}},};};// 现在它可以运行了！for (let num of range) {console.log(num); // 1 2 3 4 5}</script>
也可以将对象自身作为迭代器，例如：
<script>let range = {a: 1,b: 5,[Symbol.iterator]() {this.current = this.a;return this;},next() {if (this.current <= this.b) {return { done: false, value: this.current++ };} else {return { done: true };}},};for (let num of range) {console.log(num); // 1 2 3 4 5}</script>三、轻松遍历可迭代对象
当一个对象可迭代，我们就可以使用扩展运算符（...）或者Array.from()进行遍历
例如：
<script>let range = {a: 1,b: 5,};range[Symbol.iterator] = function () {return {current: this.a,last: this.b,next() {if (this.current <= this.last) {return { done: false, value: this.current++ };} else {return { done: true };}},};};console.log(Array.from(range)); //[1, 2, 3, 4, 5]console.log([...range]); //[1, 2, 3, 4, 5]</script>这篇关于ES6：可迭代对象（Iterable object）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
