ES10新特性：Object.fromEntries深度解析

"本文主要介绍了ES10中的新特性`Object.fromEntries`，这是一个与`Object.entries`相反的方法，用于将键值对数组转换成对象。同时，文章提到了`Object.entries`的基本用法，包括从对象获取键值对数组以及如何通过`new Map`将对象转换为Map。此外，文章还探讨了`Object.fromEntries`的一些注意事项，如处理重复键、接受不同类型的键（包括symbol），以及如何处理非标准键值对。最后，文章提供了一个示例函数`foo`，展示如何利用`Object.fromEntries`过滤对象属性。" 在JavaScript的ES10版本中，`Object.fromEntries`是一个非常实用的新特性，它允许开发者将一个键值对数组转换成一个对象。这个方法与`Object.entries`相辅相成，后者是将对象转换成键值对数组。下面我们将详细讨论这两个方法的用法和特性。 首先，`Object.entries(obj)`方法返回一个数组，其中包含了对象`obj`的所有可枚举属性的键值对。例如，对于`{a: '1', b: 2}`这样的对象，`Object.entries(obj)`会返回`[['a', '1'], ['b', 2]]`。这个方法可以帮助我们方便地遍历和操作对象的属性。 接着，`new Map(Object.entries(obj))`则是将对象转换成一个Map实例，这样可以利用Map的数据结构进行键值对的操作。在上述例子中，这将创建一个包含两个元素的Map，键值对分别为`'a' => '1'`和`'b' => 2`。 然后，我们来看`Object.fromEntries`。这个方法的作用正好与`Object.entries`相反，它接受一个键值对数组，并将其转换成一个对象。例如，`Object.fromEntries([['a', '1'], ['b', 2]])`会生成`{a: '1', b: 2}`。同样，`Object.fromEntries(map)`可以将Map转换回对象。 需要注意的是，`Object.fromEntries`在处理键值对时有一些特殊的行为。如果输入的数组中有重复的键，那么后面的键值对会覆盖前面的。例如，`Object.fromEntries([['a', '1'], ['a', '2']])`将生成`{a: '2'}`。此外，`Object.fromEntries`支持symbol作为键，这是`Object.entries`不支持的。这意味着我们可以有如`Object.fromEntries([[Symbol('s'), 1]])`这样的用法。 对于非标准键值对，`Object.fromEntries`也能处理。只要传入的参数具有迭代器接口，如Map或其他自定义迭代器的对象，`Object.fromEntries`都能够正确转换。比如，定义一个包含自定义迭代器的对象`obj`，然后调用`Object.fromEntries(obj)`，将根据迭代器生成的对象转换为常规对象。 最后，`Object.fromEntries`可以应用于过滤对象属性。文中给出的`foo`函数就是一个例子，它接受一个对象和其他一些参数，这些参数指定需要保留的属性。函数内部使用`Object.fromEntries`来创建一个新的对象，只包含指定的属性。 `Object.fromEntries`为JavaScript开发提供了一种新的转换数据结构的方式，使得处理键值对更加灵活，特别是在构建和过滤对象属性时。随着ES10的普及，这个方法在实际项目中的应用会越来越广泛。