在 JavaScript 新版本 ES10 中，Object.fromEntries() 方法被引入作为 Object.entries() 方法的逆操作。它可以将一个键值对数组转换成对象。在本文中，我们将探讨 Object.fromEntries() 方法的使用细节，以及它的深度、学习和指导意义。
语法
Object.fromEntries() 的语法非常简单，只需要传入一个对象数组即可：
Object.fromEntries(entries)
其中，entries 是一个键值对数组，每个元素是一个形如 [key, value] 的子数组。
例子
让我们来看一个例子。假设我们有一个键值对数组：
const entries = [ ['name', 'Alice'], ['age', 35], ['country', 'USA'] ];
我们可以使用 Object.fromEntries() 方法将其转换成一个对象：
const obj = Object.fromEntries(entries);
console.log(obj); // { name: 'Alice', age: 35, country: 'USA' }可以看到，obj 对象包含了所有的键值对。这样一来，我们就可以方便地将键值对数组转换成对象。
对象的方法调用
Object.fromEntries() 方法可以用于任何对象，但是要注意在某些情况下，我们不能直接使用。
例如，我们知道 Object.entries() 方法可以将对象转换成键值对数组，因此我们这样写：
-- -------------------- ---- ------- ----- --- - - ----- -------- ---- --- -------- ----- -- ----- ------- - -------------------- ----- --------- - ---------------------------- ----------------------- -- - ----- -------- ---- --- -------- ----- -
但是，如果我们尝试对一个对象的方法调用使用 Object.fromEntries()，就会出现问题：
-- -------------------- ---- -------
----- --- - -
----- --------
---- ---
-------- ------
------------- -
------ ----------
-
--
----- ------- - --------------------
----- --------- - ----------------------------
----------------------- -- - ----- -------- ---- --- -------- ----- -可以看到，新对象中缺少了 getFullName 方法。这是因为 getFullName 函数被定义为对象的方法，而转换后的对象只包含键值对，不包含方法。
存在重复键的问题
如果键值对数组中有重复的键，Object.fromEntries() 方法会覆盖前面所有相同键的值。例如，考虑以下数组：
-- -------------------- ---- ------- ----- ------- - - -------- --------- ------- ---- -------- ------ -- ----- --- - ---------------------------- ----------------- -- - ----- ------ ---- -- -
同样的键 'name' 出现了两次，而最后只保留了最后一个键值对。因此，如果键值对数组中存在重复的键，我们需要在代码中处理决定使用哪个键值对。
数组中元素的类型限制
Object.fromEntries() 方法只能接收数组元素为简单类型的键值对数组，如果元素类型无效，则会报错。例如，以下代码：
const entries = [
['foo', {}],
['bar', []]
];
const obj = Object.fromEntries(entries); // TypeError: Property description must be an object: []数组元素的值必须是一个对象或类似对象的类型，比如数组或函数。如果不是这种情况，就会报错。
总结
Object.fromEntries() 方法是一个很有用的方法，它可以将键值对数组转换成对象。但是，在使用过程中需要注意以下几点：
- 不能用于对象方法的调用
- 当数组元素类型无效时会报错
- 存在重复键的问题需要处理
希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/659e2491add4f0e0ff73676b