JavaScript Array entries()
示例
// 建立一個數組
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 建立一個迭代器
const list = fruits.entries();
// 列出條目
let text = "";
for (let x of list) {
text += x;
}
自己動手試一試 »
更多示例見下方!
描述
entries()
方法返回一個迭代器物件,其中包含陣列的鍵/值對
[0, "香蕉"]
[1, "橙子"]
[2, "蘋果"]
[3, "芒果"]
entries()
方法不會改變原始陣列。
陣列迭代方法
語法
array.entries()
引數
無 |
返回值
型別 | 描述 |
可迭代物件 | 一個包含陣列鍵/值對的可迭代物件。 |
更多示例
示例
直接迭代迭代器
// 建立一個數組
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 列出條目
let text = "";
for (let x of fruits.entries()) {
text += x;
}
自己動手試一試 »
示例
使用內建的 Object.entries() 方法
// 建立一個數組
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 列出條目
let text = "";
for (let x of Object.entries(fruits)) {
text += x;
}
自己動手試一試 »
注意
儲存迭代器不是一個好習慣。
迭代器有一個 next() 方法,用於逐個訪問每個元素。
一旦開始使用,它就無法重置或重新啟動。
示例
使用迭代器的 next() 方法
// 建立一個數組
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 建立一個迭代器
const list = fruits.entries();
let text = list.next().value + " " + list.next().value;
自己動手試一試 »
瀏覽器支援
entries()
是 ECMAScript6 (ES6) 特性。
自 2017 年 6 月起,所有現代瀏覽器都支援 ES6 (JavaScript 2015)
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
Internet Explorer 不支援 entries()
。