ES10 中 Object.fromEntries() 有什么用？

1. Object.fromEntries
2. 使用 Object.fromEntries 将数组转成对象
3. 使用 Object.fromEntries 将 Map 转成对象
4. 对象的类型错误：
5. Object.fromEntries vs Object.entries
6. 对象到对象的转换
7. 数组转成对象的替代方案
• 使用 reduce 方法将数组转成对象
8. 使用 库 将数组转成对象
• _.object
• _.fromPairs

我们知道 Object.entries() 是将对象转成一个自身可枚举属性的键值对数组。同样，我们也可以把键值对数组转成了对象。

const keyValuePair = [
  ['cow', '?'],
  ['pig', '?'],
]

Object.fromEntries(keyValuePair);
// { cow: '?', pig: '?' }

Object.fromEntries

我们知道，对象结构是一个是有键和值组合体，如下所示：

const object = {
  key: 'value',
};

基于这个逻辑，如果我们想将某个东西转成对象，就必须要传递键和值。

有两种类型的参数可以满足这些要求：

1. 具有嵌套键值对的数组
2. Map 对象

使用 Object.fromEntries 将数组转成对象

下面是个键-值对嵌套数组

const nestedArray = [
  ['key 1', 'value 1'],
  ['key 2', 'value 2']
]

使用Object.fromEntries可以将该数组转成对象:

Object.fromEntries(nestedArray);
// { key 1: "value 1", key 2: "value 2"}

使用 Object.fromEntries 将 Map 转成对象

ES6 为我们带来了一个名为 map 的新对象，它与对象非常相似。

TC39：映射对象是键/值对的集合，其中键和值都可以是任意 ECMAScript 语言值。

我们来创建一个 Map 对象：

// 使用构造函数
const map = new Map([
  ['key 1', 'value 1'],
  ['key 2', 'value 2']
])

// 或者我们可以使用实例方法“set”
const map = new Map()
map.set('key 1', 'value 1')
map.set('key 2', 'value 2')

// 结果
Map(2) {"key 1" => "value 1", "key 2" => "value 2"}

让我们使用Object.fromentries将 map 转换为一个对象

Object.fromEntries(map);
// { key 1: "value 1", key 2: "value 2"}

对象的类型错误：

试图使用 Object.fromEntries 将 其它类型 转成对象

将下面的类型传入 Object.fromEntries 都会导致报错 caught TypeError。