在JavaScript中，迭代器是一種非常重要的工具。在我們處理數(shù)組或者對象等每個元素都需要進行操作時，就像是一個簡化版的循環(huán)結(jié)構(gòu)，而不是每次都使用for循環(huán)或者forEach函數(shù)。

迭代器可以讓我們按順序訪問數(shù)組、集合或者對象中的每一個元素。在ES6之前，我們可以使用JavaScript內(nèi)置的Array.prototype.forEach方法來遍歷數(shù)組：

const arr = [1, 2, 3];
arr.forEach(function(item) {
console.log(item);
});
// 輸出：1 2 3

這種方式非常方便，但使用迭代器可以讓我們在for循環(huán)無法勝任的情況下，從數(shù)據(jù)中提取需要的信息。

下面是一個使用迭代器的案例：

function* listPeople() {
yield "John";
yield "Mary";
yield "Bob";
}
const people = listPeople();
console.log(people.next().value); // 輸出：John
console.log(people.next().value); // 輸出：Mary
console.log(people.next().value); // 輸出：Bob

上述的代碼中，我們使用一個生成器函數(shù)（generator function）來創(chuàng)建一個人員列表，并在需要時逐步返回每個人員的名字。

在ES6中，Array和Map、Set都提供了默認(rèn)的迭代器。這意味著可以使用for-of循環(huán)來遍歷集合中的每一項。

const arr = [1, 2, 3];
for (let item of arr) {
console.log(item);
}
// 輸出：1 2 3

如果要在自己的對象中添加迭代器，則可以使用Symbol.iterator屬性來實現(xiàn)。下面是一個范例代碼：

let someObj = {
data: [1, 2, 3, 4, 5],
[Symbol.iterator]: function*() {
yield* this.data;
}
};
for (let i of someObj) {
console.log(i);
}
// 輸出：1 2 3 4 5

在上述代碼中，我們在一個對象上定義了一個新的Symbol.iterator方法，這使得我們可以通過for-of循環(huán)輕松地遍歷其中的元素。

總的來說，使用迭代器可以幫助我們更加高效地遍歷數(shù)組或者對象等數(shù)據(jù)，并減少循環(huán)代碼量。這種方式可以幫助我們更快地獲取數(shù)據(jù)中有用的信息，并且可以輕松地在項目中添加或刪除需要遍歷的元素。