Object.entries()
Object.entries()
靜態方法回傳給定之物件自己的可枚舉字串以字串為鍵的屬性之鍵值對陣列。
嘗試一下
語法
js
Object.entries(obj)
參數
obj
-
一個物件。
回傳值
給定之物件自己的可枚舉字串以字串為鍵的屬性之鍵值對陣列。每個鍵值對都是一個包含兩個元素的陣列:第一個元素是屬性鍵(總是字串),第二個元素是屬性值。
描述
Object.entries()
傳回一個陣列,其元素是與直接在 object
上找到的可枚舉字串以字串為鍵的屬性之鍵值對相對應的陣列。這與使用 for...in
迴圈進行迭代相同,只不過 for...in
迴圈也會列舉原型鏈中的屬性。Object.entries()
傳回的陣列的順序與 for...in
迴圈給的順序相同。
如果你只需要屬性鍵,可改用 Object.keys()
。如果你只需要屬性值,可改用 Object.values()
。
範例
使用 Object.entries()
js
const obj = { foo: "bar", baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]
const arrayLike = { 0: "a", 1: "b", 2: "c" };
console.log(Object.entries(arrayLike)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]
const randomKeyOrder = { 100: "a", 2: "b", 7: "c" };
console.log(Object.entries(randomKeyOrder)); // [ ['2', 'b'], ['7', 'c'], ['100', 'a'] ]
// getFoo 是不可枚舉的屬性
const myObj = Object.create(
{},
{
getFoo: {
value() {
return this.foo;
},
},
},
);
myObj.foo = "bar";
console.log(Object.entries(myObj)); // [ ['foo', 'bar'] ]
在原始值上使用 Object.entries()
將 Object 轉換為 Map
迭代 Object
你可以使用陣列解構輕鬆地迭代物件。
js
// 使用 for...of 迴圈
const obj = { a: 5, b: 7, c: 9 };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
}
// 使用陣列方法
Object.entries(obj).forEach(([key, value]) => {
console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
});
規格
Specification |
---|
ECMAScript Language Specification # sec-object.entries |
瀏覽器相容性
BCD tables only load in the browser