ES12 中新的对象方法：Object.fromEntries()

在 ES12 中，有一个新的对象方法叫做 Object.fromEntries()，其作用是将一个键值对数组转换成一个对象。这个方法可以帮助我们轻松地将一些数据结构转换成一个对象。本文将介绍 Object.fromEntries() 方法的具体用法，以及一些代码示例。

使用方法

Object.fromEntries() 方法的参数是一个键值对数组，该数组中每个元素都是一个包含键和值的数组。如下所示：

const entries = [
  ['foo', 'bar'],
  ['baz', 42]
];

这个数组可以使用 Object.fromEntries() 方法转换成一个对象：

const obj = Object.fromEntries(entries);
console.log(obj);
// Expected output: { foo: "bar", baz: 42 }

指导意义

在日常开发中，我们有时需要将数据结构转换成一个对象。如果使用传统的方式，往往需要写很多代码，而且过程十分繁琐。使用 Object.fromEntries() 方法便可以非常方便地将数据结构转换成一个对象，从而使我们的开发工作变得更加高效和便捷。

示例代码

下面是一些使用 Object.fromEntries() 方法的示例代码：

1. 将 URL 中的查询字符串转换成对象

const searchParams = new URLSearchParams('foo=bar&baz=42');
const paramsObj = Object.fromEntries(searchParams.entries());
console.log(paramsObj);
// Expected output: { foo: "bar", baz: "42" }

2. 将 Map 转换成对象

const myMap = new Map();
myMap.set('foo', 'bar');
myMap.set('baz', 42);

const myObj = Object.fromEntries(myMap);
console.log(myObj);
// Expected output: { foo: "bar", baz: 42 }

3. 将数组转换成对象

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

总结

Object.fromEntries() 方法是 ES12 中的一项新功能，其作用是将一个键值对数组转换成一个对象。通过本文的介绍，我们可以看出它的使用方法非常简单，也非常实用。相信在日常开发中，它会为我们带来更多便捷。

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