JavaScript 中 Iterator 怎么配合 entries 实现带索引的遍历-js教程-PHP中文网

javascript中iterator本身不直接提供索引，但entries()方法可返回[索引, 值]形式的迭代器，支持数组、字符串及部分类数组对象，可通过for...of解构或手动调用next()遍历。

javascript 中 iterator 怎么配合 entries 实现带索引的遍历

JavaScript 中 Iterator 本身不直接提供索引，但可以通过 entries() 方法获取带索引的键值对迭代器，再结合 for...of 或手动调用 next() 实现带索引的遍历。

entries() 返回的是 [index, value] 形式的迭代器

Array.prototype.entries()、String.prototype.entries() 和部分类数组对象（如 arguments、NodeList）都支持 entries()。它返回一个可迭代对象，每次迭代产出一个长度为 2 的数组：[索引, 元素]。

数组调用 [10, 20, 30].entries() → 迭代结果依次是 [0, 10]、[1, 20]、[2, 30]
字符串 "ab".entries() → [0, "a"]、[1, "b"]

用 for...of 遍历 entries 最简洁

这是最常用也最直观的方式，解构赋值让索引和值一目了然：

const arr = ["apple", "banana", "cherry"];
for (const [index, item] of arr.entries()) {
  console.log(index, item); // 0 "apple", 1 "banana", 2 "cherry"
}

同样适用于字符串：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

for (const [i, char] of "hello".entries()) {
  console.log(i, char); // 0 "h", 1 "e", 2 "l", 3 "l", 4 "o"
}

手动调用 next() 获取带索引的项（适合控制流）

如果需要中途退出、跳过或条件处理，可以直接操作迭代器：

const iter = ["x", "y", "z"].entries();
let result = iter.next();
while (!result.done) {
  const [idx, val] = result.value;
  console.log(idx, val);
  if (val === "y") break; // 提前退出
  result = iter.next();
}

注意：每次调用 next() 返回 { value: [index, item], done: boolean }，需解构 value 才能得到索引和值。