JavaScript Object.entries()

定義和用法

Object.entries() 方法返回一個對象鍵值對組成的數組。

Object.entries() 方法不會改變原始對象。

相關方法：

Object.keys() 返回任何對象類型的鍵（屬性）。

Object.values() 返回所有對象鍵（屬性）的值。

Object.entries() 返回任何對象類型的鍵和值。

上述方法返回可迭代對象（可枚舉的數組）。

可迭代對象使得在循環中使用對象以及將對象轉換為 Map 更加簡單。

實例

例子 1

const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50,
  eyeColor: "blue"
};
let text = Object.entries(person);

親自試一試

例子 2

Object.entries() 使得在循環中使用對象更加簡單：

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + ": " + value + "<br>";
}

親自試一試

例子 3

Object.entries() 使得將對象轉換為 Map 更加簡單：

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
const myMap = new Map(Object.entries(fruits));

親自試一試

語法

Object.values(object)

參數

返回值

瀏覽器支持

ECMAScript 2017 向對象添加了 Object.entries() 方法。

自 2017 年 3 月起，所有現代瀏覽器均支持 Object.entries()：