使用 ES9 的 Object.fromEntries() 简化数组转对象操作！-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要将数组转换为对象。在以往，我们可能会使用 reduce() 方法或者 for 循环来进行操作。但是，随着 ECMAScript 的发展，ES9 中新增的 Object.fromEntries() 方法，可以更加简单方便地实现数组转对象操作。

Object.fromEntries() 方法介绍

Object.fromEntries() 方法可以将一个由键值对数组转换为一个对象。它接受一个键值对数组作为参数，返回一个新的对象。该方法的语法如下：

Object.fromEntries(iterable);

其中，iterable 是一个可迭代对象，例如数组等。

使用 Object.fromEntries() 方法实现数组转对象

假设我们有一个数组，其中包含了一些键值对：

const arr = [['name', 'Tom'], ['age', 20], ['gender', 'male']];

我们可以使用 Object.fromEntries() 方法将其转换为一个对象：

const obj = Object.fromEntries(arr);
console.log(obj); // {name: "Tom", age: 20, gender: "male"}

可以看到，我们成功将数组转换为了一个对象。而且，这种方式非常简单明了。

Object.fromEntries() 方法的兼容性

尽管 Object.fromEntries() 方法非常方便，但是它是 ES9 中新增的方法，因此在一些较老的浏览器中可能并不支持。如果你需要在项目中使用该方法，请务必进行兼容性处理。

我们可以使用以下方式来进行兼容性处理：

if (!Object.fromEntries) {
  Object.fromEntries = function(iterable) {
    return [...iterable].reduce((obj, [key, val]) => {
      obj[key] = val;
      return obj;
    }, {});
  };
}

这个兼容性处理的代码会检查当前环境是否支持 Object.fromEntries() 方法。如果不支持，就使用 reduce() 方法来进行操作。

总结

使用 Object.fromEntries() 方法可以更加简单方便地实现数组转对象操作。尽管它是 ES9 中新增的方法，但是我们可以通过兼容性处理来确保它在各种浏览器中的兼容性。在实际的开发中，我们应该尽可能地使用新的语法特性，以提高代码的可读性和可维护性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6582dc91d2f5e1655ddeccab