JavaScript Array entries() 方法
JavaScript基础 2022-05-13 16:27:06小码哥的IT人生shichen
JavaScript Array entries() 方法
实例
创建一个 Array Iterator 对象，并创建一个循环来迭代每个键/值对：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var f = fruits.entries();
for (x of f) {
document.getElementById("demo").innerHTML += x;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>Array.entries() 方法返回带有键/值对的 Array Iterator 对象：</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const f = fruits.entries();
for (let x of f) {
document.getElementById("demo").innerHTML += x + "<br>";
}
</script>
<p>Internet Explorer 不支持 Array.entries() 方法。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
entries() 方法返回带有键/值对的 Array Iterator 对象。
对于原始数组中的每一项，新的迭代对象将包含一个以索引为键，以项值为值的数组：
注释：entries() 不会更改原始数组。
- [0, "Banana"]
- [1, "Orange"]
- [2, "Apple"]
- [3, "Mango"]
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome 38 | Edge 12 | Firefox 28 | Safari 8 | Opera 25 |
| 2014 年 10 月 | 2015 年 7 月 | 2014 年 3 月 | 2014 年 10 月 | 2014 年 10 月 |
注释：Internet Explorer 不支持 entries() 方法。
语法
array.entries()
参数
无参数。
技术细节
| 返回值： | Array Iterator 对象 |
|---|---|
| JavaScript 版本： | ECMAScript 6 |
