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

当使用JavaScript中的数组时，我们通常会遍历数组中的元素，以便执行某些操作。而ES6中的数组新增了entries()方法，它返回一个新的迭代器对象，该对象按照索引的方式遍历数组的键值对。它可以帮助我们更方便的实现循环遍历的操作。

1. entries()方法的使用

在JavaScript中使用数组的entries()方法，我们首先需要获取一个数组对象，然后调用该方法，即可获取迭代器对象。我们可以使用for-of循环或者while循环遍历该对象，访问迭代器的next()方法，获取每个数组元素的键值对。

下面是一个简单的例子，演示如何在遍历数组时使用entries()方法：

const arr = ["a", "b", "c"];
const iterator = arr.entries();

for (const [index, element] of iterator) {
  console.log(`Index: ${index}, Element: ${element}`);
}

通过该代码，我们可以得到以下输出:

Index: 0, Element: a
Index: 1, Element: b
Index: 2, Element: c

2. 通过for-of遍历迭代器

使用for-of语句遍历数组中元素的实现方式非常简单，通过调用数组的entries()方法获取迭代器对象，然后在for-of循环中迭代器对象上访问next()方法获取每个数组元素的键值对，即可实现循环遍历数组中的元素。

const arr = ["a", "b", "c"];
const iterator = arr.entries();

for (const [index, element] of iterator) {
  console.log(`Index: ${index}, Element: ${element}`);
}

通过该代码，我们可以得到以下输出:

Index: 0, Element: a
Index: 1, Element: b
Index: 2, Element: c

3. 通过while循环遍历迭代器

使用while循环来遍历迭代器对象同样也是一种常见的方式。在遍历过程中使用一个while循环，不断获取迭代器对象中的下一个元素，直到到达迭代器的结尾。以下是while循环遍历的示例代码：

const arr = ["a", "b", "c"];
const iterator = arr.entries();

let next = iterator.next();

while (!next.done) {
  const [index, element] = next.value;
  console.log(`Index: ${index}, Element: ${element}`);
  next = iterator.next();
}

通过该代码，我们同样可以得到以下输出：

Index: 0, Element: a
Index: 1, Element: b
Index: 2, Element: c

综上，entries()方法是一个很好的迭代器方法，我们可以通过它更方便地遍历数组中的元素。我们可以使用for-of循环或while循环遍历迭代器对象，访问其next()方法来获取每个数组元素对应的键值对，这样可以极大地简化我们的代码编写，提高我们的开发效率。