使用 ES9 中的 Object.fromEntries() 转换数组-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，我们经常需要将数组转换为对象，以便更方便地进行操作。在 ES9 中，引入了一个新的方法 Object.fromEntries()，可以让我们更加便捷地将数组转换为对象。

什么是 Object.fromEntries()？

Object.fromEntries() 是一个静态方法，它接收一个键值对数组作为参数，返回一个由这些键值对组成的对象。具体来说，它将一个二维数组转换为一个对象，其中每个子数组的第一个元素作为键，第二个元素作为值。

下面是一个例子，展示了如何使用 Object.fromEntries() 将数组转换为对象：

const arr = [['foo', 1], ['bar', 2]];
const obj = Object.fromEntries(arr);
console.log(obj); // {foo: 1, bar: 2}

在这个例子中，我们定义了一个二维数组 arr，其中包含两个子数组，每个子数组包含一个键和一个值。我们调用 Object.fromEntries() 方法，将这个数组转换为一个对象 obj。最后，我们使用 console.log() 方法打印出这个对象。

Object.fromEntries() 方法的实现非常简单，我们可以自己手动实现一下：

function fromEntries(arr) {
  return arr.reduce((obj, [key, val]) => {
    obj[key] = val;
    return obj;
  }, {});
}

在这个实现中，我们使用 reduce() 方法遍历数组，将每个子数组的第一个元素作为键，第二个元素作为值，最终返回一个由这些键值对组成的对象。

Object.fromEntries() 方法的出现，让我们在将数组转换为对象时变得更加简单和高效。它可以帮助我们更快速地处理数据，提高代码的可读性和可维护性。

当然，我们也需要注意一些细节问题。例如，当数组中存在重复的键时，Object.fromEntries() 方法会将后面的值覆盖前面的值。此外，Object.fromEntries() 方法只能转换二维数组，如果数组的维度超过了二维，我们需要自己手动实现转换逻辑。

Object.fromEntries() 方法是 ES9 中一个非常有用的方法，它可以帮助我们更加方便地将数组转换为对象。我们需要注意一些细节问题，但是使用起来非常简单，可以提高代码的可读性和可维护性。

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