使用 ES9 中的 Object.fromEntries() 方法简化对象初始化

ES9（ECMAScript 2018）对 JavaScript 增加了很多有用的新功能，其中包括 Object.fromEntries() 方法。这个方法可以让我们更容易地从键值数组初始化对象。在本文中，我们将讨论如何使用 Object.fromEntries() 方法简化对象初始化以及它的指导意义。

Object.fromEntries() 方法是什么

Object.fromEntries() 是 ECMAScript 2019 新增的方法，它的作用是通过将一个键值数组转化为一个对象。键值数组中的每一项都是一个长度为 2 的数组，其中第一个元素是键，第二个元素是值。例如：

const entries = [['foo', 'bar'], ['baz', 42]];
const object = Object.fromEntries(entries);
console.log(object);
// Output: {foo: "bar", baz: 42}

为什么使用 Object.fromEntries() 方法

在以前的 JavaScript 版本中，我们要初始化一个对象，需要编写一些代码。例如，如果我们要初始化下面这个对象：

const object = {
  foo: 'bar',
  baz: 42,
  qux: true
};

我们需要这样写：

const object = {};
object.foo = 'bar';
object.baz = 42;
object.qux = true;

或者更繁琐的方式：

const object = {
  'foo': 'bar',
  'baz': 42,
  'qux': true
};

使用 Object.fromEntries() 方法，我们可以让代码更简洁：

const entries = [['foo', 'bar'], ['baz', 42], ['qux', true]];
const object = Object.fromEntries(entries);

这是一种更清晰、更简洁的方式，可以减少代码量。更重要的是，这个方法还允许我们从其他数据结构初始化对象。

使用 Object.fromEntries() 方法初始化对象

在实践中，使用 Object.fromEntries() 方法初始化对象非常简单。我们只需要一个包含键值对的数组作为参数，并传递给 Object.fromEntries() 方法即可。例如，我们可以使用以下代码创建一个和前面示例相同的对象：

const entries = [['foo', 'bar'], ['baz', 42], ['qux', true]];
const object = Object.fromEntries(entries);

输出：

{
  foo: 'bar',
  baz: 42,
  qux: true
}

指导意义

使用 Object.fromEntries() 方法可以让代码更简洁、更易读，但是我们可能要注意它的适用性。例如，如果我们在实际编写代码过程中经常使用这个方法来初始化对象，则可能忽略了一些更好的方法。我们还需要考虑其他方面的影响，例如兼容性、性能等等。

示例代码

const entries = [['foo', 'bar'], ['baz', 42], ['qux', true]];
const object = Object.fromEntries(entries);
console.log(object);
// Output: {foo: "bar", baz: 42, qux: true}

结论

Object.fromEntries() 方法是 ECMAScript 2019 中增加的方法，它可以让我们更容易地从键值数组初始化对象。使用这个方法可以让代码更简洁、更易读，但是我们也需要注意它的适用性，并在编写代码时考虑其他方面的影响，如兼容性、性能等。

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