JavaScript中的迭代对象介绍

在JavaScript中，可迭代对象是指那些实现了迭代器协议（Iterator Protocol）的对象。迭代器协议定义了一种标准的方式来产生一系列值（通常是对象的元素）。在JavaScript中，这通常是通过实现一个拥有`next`方法的对象来完成的，该方法返回一个具有两个属性的对象：`value`（下一个值）和`done`（一个布尔值，表示是否已经迭代完所有值）。

可迭代对象的特点

一个可迭代对象通常具备以下特点：

1. 实现`[Symbol.iterator]`方法：这个方法返回一个迭代器对象。每当对可迭代对象进行迭代时，都会调用这个方法来获取迭代器。

2. 迭代器对象具有一个`next()`方法：这个方法每次被调用，都会返回一个包含`value`和`done`属性的对象。

3. 可迭代协议允许数组、字符串、集合等数据结构使用`for…of`循环以及扩展运算符等特性。

例子

让我们看一些可迭代对象的例子：

数组

数组是JavaScript中常见的可迭代对象。

const arr = [1, 2, 3];
const iterator = arr[Symbol.iterator]();

console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

字符串

字符串也是可迭代的，每次迭代返回一个字符。

const str = "Hello";
const iterator = str[Symbol.iterator]();

console.log(iterator.next()); // { value: 'H', done: false }
console.log(iterator.next()); // { value: 'e', done: false }
// ...

自定义可迭代对象

你也可以创建自己的可迭代对象。

const iterableObject = {
items: [1, 2, 3],
[Symbol.iterator]: function() {
let index = 0;
return {
next: () => {


if (index < this.items.length) {
return { value: this.items[index++], done: false };
} else {
return { done: true };
}
}
};
}
};

for (const item of iterableObject) {
console.log(item); // 1, 2, 3
}