数组的 entries() 获取迭代方法详解

entries() 方法是 JavaScript 中数组（Array）对象的一个内置方法，它返回一个新的数组迭代器对象，该对象包含数组中每个索引的键值对（索引和元素）。这个方法是 ES6（ECMAScript 2015）引入的，用于方便地遍历数组，同时获取每个元素的索引和值。

语法

array.entries()

返回值

entries() 方法返回一个新的 Array Iterator 对象，这个迭代器对象中的每个元素都是一个包含两个元素的数组，其中第一个元素是索引（index），第二个元素是数组在该索引位置的值（value）。

使用示例

基本使用

可以与 for…of 循环一起使用，以便遍历数组中的键/值对

const array = ['a', 'b', 'c'];

// 使用 entries 获取迭代器
const iterator = array.entries();

for (let [index, value] of iterator) {
  console.log(index, value);
}
// 输出:
// 0 'a'
// 1 'b'
// 2 'c'

可以与 forEach 方法结合使用，以简化遍历数组并处理键/值对的操作

let arr = ['a', 'b', 'c'];
 
arr.entries().forEach(entry => {
    console.log(entry[0], entry[1]);
});
// 输出:
// 0 'a'
// 1 'b'
// 2 'c'

结合扩展运算符

const array = ['x', 'y', 'z'];

// 将迭代器转换为数组
const entriesArray = [...array.entries()];

console.log(entriesArray);
// 输出: [[0, 'x'], [1, 'y'], [2, 'z']]

使用 next() 方法

迭代器对象具有 next() 方法，可以用来手动遍历迭代器。

const array = ['foo', 'bar'];
const iterator = array.entries();

console.log(iterator.next().value); // 输出: [0, 'foo']
console.log(iterator.next().value); // 输出: [1, 'bar']
console.log(iterator.next().done);  // 输出: true（迭代完成）

应用场景

• ‌遍历数组‌：当你需要同时访问数组的索引和值时，entries() 方法提供了一种简洁的方式。
• ‌转换数据结构‌：可以使用 entries() 将数组转换为其他格式，比如对象或 Map。
• ‌与其他迭代器方法结合‌：entries() 可以与其他迭代器方法（如
  filter(), map() 等）结合使用，进行更复杂的数组处理。

注意事项

• entries() 方法不会改变原数组。
• 返回的迭代器是惰性的，意味着它不会一次性生成所有的键值对，而是在需要时逐个生成。
• 总之，entries() 方法是处理数组时一个非常有用的工具，特别是在需要同时访问索引和值的场景中。