JavaScript Object.entries()用法及代码示例

用法:

Object.entries(obj)

entries() 方法是静态方法，使用Object 类名调用。

entries()参数

entries() 方法包含：

• obj - 要返回其可枚举的string-keyed 属性键和值对的对象。

entries() 的返回值

• 返回给定对象自己的可枚举string-keyed属性的数组[核心价值]对。

注意：属性的顺序与使用手动循环它们时的顺序相同for...in环形。

示例：使用对象。entries()

const obj = { name: "Adam", age: 20, location: "Nepal" };
console.log(Object.entries(obj)); // [ [ 'name', 'Adam' ], [ 'age', 20 ], [ 'location', 'Nepal' ] ]

// Array-like objects
const obj1 = { 0: "A", 1: "B", 2: "C" };
console.log(Object.entries(obj1)); // [ [ '0', 'A' ], [ '1', 'B' ], [ '2', 'C' ] ]

// random key ordering
const obj2 = { 42: "a", 22: "b", 71: "c" };
// [ [ '22', 'b' ], [ '42', 'a' ], [ '71', 'c' ] ] -> arranged in numerical order of keys
console.log(Object.entries(obj2));

// string -> from ES2015+, non objects are coerced to object
const string = "code";
console.log(Object.entries(string)); // [ [ '0', 'c' ], [ '1', 'o' ], [ '2', 'd' ], [ '3', 'e' ] ]

// primite types have no properties
console.log(Object.entries(55)); // []

// Iterating through key-value of objects
for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

输出

[ [ 'name', 'Adam' ], [ 'age', 20 ], [ 'location', 'Nepal' ] ]
[ [ '0', 'A' ], [ '1', 'B' ], [ '2', 'C' ] ]
[ [ '22', 'b' ], [ '42', 'a' ], [ '71', 'c' ] ]
[ [ '0', 'c' ], [ '1', 'o' ], [ '2', 'd' ], [ '3', 'e' ] ]
[]
name: Adam
age: 20
location: Nepal