在 JavaScript 中,Array.entries() 方法创建一个新的 Array 迭代器对象,该对象为指定数组中的每个索引重新设置键值对。其中,每个键值对表示一个索引/值对。键是数组中元素的 “index”,值是相应的数组元素。
此方法不会更改或修改原始数组;相反,它返回一个带有键值对的 Array Iterator 对象。
语法
以下是 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
1,Cheetah
2,Tiger
3,Elephant
4,Dinosaur
示例 2
在这里,我们遍历指定数组中的每个元素,解构键 (index) 和值 (animal),并将它们打印在格式化字符串中。
<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>
输出
正如我们在输出中看到的,数组元素被打印为 key(index) 和 value (animal) 对。
Index: 0, Name: Lion
Index: 1, Name: Cheetah
Index: 2, Name: Tiger
Index: 3, Name: Elephant
Index: 4, Name: Dinosaur
Index: 1, Name: Cheetah
Index: 2, Name: Tiger
Index: 3, Name: Elephant
Index: 4, Name: Dinosaur