使用 ES10 中的 Object.fromEntries() 将数组转换为对象

在前端开发中，我们常常需要将一个数组转换为一个对象。ES6 引入了 Array.reduce() 方法来实现此目的。然而，ES10 中又引入了 Object.fromEntries() 方法，可以更加简洁方便地实现这一功能。

什么是 Object.fromEntries() 方法？

Object.fromEntries() 方法是一个静态方法，它接收一个可迭代对象作为参数，例如数组或 Map 对象，然后返回一个新的对象，该对象由参数中的键值对组成。

使用 Object.fromEntries() 方法将数组转换为对象

例如，我们有一个数组，它包含一些键值对：

const arr = [['a', 1], ['b', 2], ['c', 3]];

使用 Object.fromEntries() 方法将该数组转换为一个对象：

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

这样就将一个包含键值对的数组转换为了一个包含相应属性的对象。这种转换在实际开发中非常实用，经常用于处理 API 返回的数据。

使用 Object.fromEntries() 方法实现数组去重

除了将数组转换为对象，Object.fromEntries() 方法还可以用于实现一些其他的功能。例如，使用该方法可以很方便地实现数组去重：

const arr = [1, 2, 2, 3, 4, 4, 5];
const obj = Object.fromEntries(arr.map(item => [item, item]));
const newArr = Object.values(obj);
console.log(newArr); // [1, 2, 3, 4, 5]

这里我们将数组中的每个元素映射为一个包含相同的键值对的数组，然后使用 Object.fromEntries() 方法将其转换为对象。由于对象的键不能重复，所以重复的元素会被自动去重。最后，我们将对象的值转换为一个新的数组，得到去重后的结果。

总结

Object.fromEntries() 方法是一个非常实用的方法，在数组转换为对象以及去重等方面都有着很好的应用。在实际开发中，我们可以考虑使用该方法来优化我们的代码。

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