JavaScript 对象的 Object.fromEntries() 方法详解

Object.fromEntries()方法从键值对列表创建一个对象。

示例

const arr = [
  ["0", "a"],
  ["1", "b"],
  ["2", "c"],
];

// 将上述数组转换为对象
const newObj = Object.fromEntries(arr);
console.log(newObj);

// 输出: { '0': 'a', '1': 'b', '2': 'c' }

fromEntries()语法

fromEntries()方法的语法是：

Object.fromEntries(iterable);

这里，fromEntries()是一个静态方法。因此，我们需要使用类名Object来访问这个方法。

fromEntries()参数

fromEntries()方法接受：

• iterable - 一个可迭代对象，如Array或Map，或任何其他实现了可迭代协议的对象。

fromEntries()返回值

fromEntries()方法返回：

• 一个新对象，其属性由可迭代对象的条目给定。

注意： Object.fromEntries()执行Object.entries()的逆操作。

示例：JavaScript对象Object.fromEntries()

const entries = [
  ["firstName", "John"],
  ["lastName", "Doe"],
];

// 将上述数组转换为对象
const obj = Object.fromEntries(entries);

console.log(obj);

const arr = [
  ["0", "x"],
  ["1", "y"],
  ["2", "z"],
];

// 将上述数组转换为对象
const newObj = Object.fromEntries(arr);

console.log(newObj);

输出

{ firstName: 'John', lastName: 'Doe' }
{ '0': 'x', '1': 'y', '2': 'z' }

在上述示例中，我们首先创建了包含两个键值对：["firstName", "John"]和["lastName", "Doe"]的entries数组。

然后我们使用Object.fromEntries()方法将entries数组转换为拥有数组中指定的键值对的对象。

const obj = Object.fromEntries(entries);

输出表明数组已被转换为相应的对象。

然后，我们对arr数组重复了同样的过程。

推荐阅读：

• JavaScript对象Object.entries()