JavaScript - Array entries() 方法

在 JavaScript 中，Array.entries() 方法建立一個新的陣列迭代器物件，該物件返回指定陣列中每個索引的鍵值對。其中，每個鍵值對錶示一個索引/值對。鍵是陣列中元素的“索引”，值是相應的陣列元素。

此方法不會更改或修改原始陣列；而是返回一個包含鍵值對的陣列迭代器物件。

語法

以下是 JavaScript Array entries() 方法的語法：

array.entries();

引數

此方法不接受任何引數。

返回值

一個新的陣列迭代器物件，其中包含陣列中每個索引的鍵/值對。

示例

示例 1

在以下示例中，我們使用 entries() 方法迭代陣列“animals”中的每個元素，並將索引和值作為鍵/值對列印。

<html>
<body>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];

      for (const i of animals.entries()) {
         document.write(i + "<br>");
      }
   </script>
</body>
</html>

輸出

正如我們在輸出中看到的，陣列元素被列印為鍵/值對。

0,Lion
1,Cheetah
2,Tiger
3,Elephant
4,Dinosaur

示例 2

在這裡，我們迭代指定陣列中的每個元素，解構鍵（索引）和值（動物），並以格式化字串列印它們。

<html>
<body>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];

      for (const [index, animal] of animals.entries()) {
         document.write(`Index: ${index}, Name: ${animal}<br>`);
      }
   </script>
</body>
</html>

輸出

正如我們在輸出中看到的，陣列元素被列印為鍵（索引）和值（動物）對。

Index: 0, Name: Lion
Index: 1, Name: Cheetah
Index: 2, Name: Tiger
Index: 3, Name: Elephant
Index: 4, Name: Dinosaur

列印頁面