在 ES6 中使用 Array.prototype.entries 迭代器
在 JavaScript 的 ES6（ECMAScript 2015）标准发布后，JavaScript 规范得到了很多的改进和丰富，并增加了许多新的功能，其中包括新的迭代器方法，一个非常有用的新迭代器方法是 Array.prototype.entries 方法。 此迭代器允许您在 ES6 中对数组进行遍历，在本文中，我们将详细介绍如何使用 Array.prototype.entries 迭代器。
Array.prototype.entries 迭代器的说明与语法
数组的 entries() 方法返回一个迭代器对象，该迭代器对象包含每个索引处键值对的数组值。该方法被称为“迭代器”，因为它返回一个可以被循环遍历的对象。Array.prototype.entries 迭代器可以使用 for ... of 循环遍历，并返回数组的键值对。
该方法没有要求任何参数，并具有以下语法：
array.entries()
array：要迭代的数组
返回值：一个包含每个数组项中键值对的新 Array Iterator 对象。
使用 Array.prototype.entries 进行遍历
如果你想使用 Array.prototype.entries 迭代器，需要首先创建一个数组，然后使用 .entries() 方法返回一个迭代器对象，如下所示：
----- --- - --------- --------- ---------- ----- -------- - --------------
我们已经创建了一个迭代器对象，那么接下来我们可以使用迭代器的 .next() 方法来访问对象的元素。
----- --- - --------- --------- ---------- ----- -------- - -------------- ----------------------------------- -- --- -------- ----------------------------------- -- --- --------- ----------------------------------- -- --- ---------
在上述代码中，我们遍历迭代器并在控制台显示了键值对数组。
使用 for..of 遍历
您还可以使用 for ... of 循环遍历迭代器并访问其中的元素。在下面的示例中，我们使用 for ... of 循环遍历数组的元素，就像遍历普通的数组一样：
----- --- - --------- --------- ---------- ----- -------- - -------------- --------- ------- ------ -- --------- - ------------------ ------- -
在上述代码中，我们使用 for ... of 遍历迭代器并在控制台打印了键值对数组中的元素。
遍历多维数组
我们还可以使用 Array.prototype.entries 迭代器来遍历多维数组。在下面的示例中，我们创建了一个名为 myArray 的多维数组，然后使用 Array.prototype.entries 迭代器遍历该数组：
----- ------- - ---------- ---------- ---------- ----------
----- -------- - ------------------
--------- ------- ------ -- --------- -
--------------------- -------
--------- ---------- ------ -- ---------------- -
---------------- -------- --------- --------- -------
-
-在上面的示例中，我们使用 Array.prototype.entries 迭代器遍历了多维数组并打印了它们的值和索引。
结论和指导意义
在 ES6 中使用 Array.prototype.entries 迭代器方法可以有效地简化数组的遍历，并提供更多的灵活性和控制能力。通过使用该方法，您可以在遍历数组的同时同时获取其对应的索引，使得数组处理更加便捷。 此外，学习如何使用 Array.prototype.entries 迭代器还为开发人员提供了更好的能力和方法，以更好地构建复杂的 JavaScript 应用程序。
示例代码
----- --- - --------- --------- ----------
-- ----------
----- -------- - --------------
----------------------------------- -- --- --------
----------------------------------- -- --- ---------
----------------------------------- -- --- ---------
-- ---------------
----- --- - --------- --------- ----------
----- -------- - --------------
--------- ------- ------ -- --------- -
------------------ -------
-
-- ------
----- ------- - ---------- ---------- ---------- ----------
----- -------- - ------------------
--------- ------- ------ -- --------- -
--------------------- -------
--------- ---------- ------ -- ---------------- -
---------------- -------- --------- --------- -------
-
-来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6736be690bc820c5825621b3