ECMAScript 2020 中的 Object.fromEntries() 函数详解

ECMAScript 2020 中的 Object.fromEntries() 函数详解

ECMAScript 2020 是 JavaScript 语言的最新版本，带来了许多新的特性和功能。其中一个非常有用的新功能是 Object.fromEntries() 函数。这个函数可以将一个键值对数组转换为一个对象。它提供了一种更简单和直接的方式来创建对象，特别是在处理动态数据时，比如从服务器获取的 JSON 数据。

Object.fromEntries() 函数的语法如下：

Object.fromEntries(iterable);

其中 iterable 应该是一个可迭代对象，包含键值对数组。这个函数会返回一个新的对象，其中数组中的每个元素都会成为该对象的一个属性。

下面是一个简单的示例：

const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
console.log(obj); // {a: 1, b: 2, c: 3}

在这个示例中，entries 是一个包含三个键值对的数组。Object.fromEntries() 函数将这个数组转换为了一个对象，其中每个键值对都成为了该对象的一个属性。

Object.fromEntries() 函数与 Object.entries() 函数是一对互逆的函数。Object.entries() 函数将一个对象转换为一个键值对数组，而 Object.fromEntries() 函数可以将这个数组转换回原来的对象。下面是一个示例：

const obj = {a: 1, b: 2, c: 3};
const entries = Object.entries(obj);
const newObj = Object.fromEntries(entries);
console.log(newObj); // {a: 1, b: 2, c: 3}

需要注意的是，Object.fromEntries() 函数在 JavaScript 环境中不是普遍可用的。它尚未被所有的浏览器和 JavaScript 引擎实现。如果想要使用这个函数，可以考虑使用 Babel 这样的工具进行转换。

总结

Object.fromEntries() 函数是 ECMAScript 2020 中一个非常实用的新方法，可以将一个键值对数组转换为一个对象。通过使用这个函数，我们可以更加方便地处理动态数据，特别是在接收到从服务器返回的 JSON 数据时。需要注意的是，这个函数不能被所有的浏览器和 JavaScript 引擎所支持。如果想要使用它，可以考虑使用 Babel 这样的工具进行转换。

代码示例：

const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
console.log(obj); // {a: 1, b: 2, c: 3}

const obj = {a: 1, b: 2, c: 3};
const entries = Object.entries(obj);
const newObj = Object.fromEntries(entries);
console.log(newObj); // {a: 1, b: 2, c: 3}

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a25b1048841e9894eb39ed