在 ECMAScript 10 (ES10) 新增的许多新特性中，Object.fromEntries() 方法是一个非常实用且有用的方法。在这篇文章中，我们将介绍 Object.fromEntries() 方法的详细解释及其实战用例，帮助读者更好地理解和使用这个新功能。
Object.fromEntries() 方法的概率
Object.fromEntries() 方法是一个静态方法，可以通过 Object.fromEntries() 的语法来调用。该方法将一组键值对列表转换为对象。其语法如下所示：
Object.fromEntries(iterable)
Object.fromEntries() 方法的实现原理
在了解 Object.fromEntries() 方法的使用之前，让我们先看一看它背后的实现原理。Object.fromEntries() 方法的作用就是将键值对列表转换为对象。这组键值对可以使用以下两种格式之一来表示：数组或Map对象。
- 数组
例如，我们可以使用以下数组来表示一组键值对：
[ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ]
- Map 对象
我们也可以使用 Map 对象来表示一组键值对：
new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ])
在上述两个格式中，键值对列表都是类数组对象，其中每个元素都是长度为 2 的数组，其中第一个元素是键名，第二个元素是对应的值。
Object.fromEntries() 方法的实现原理就是将键值对列表转换为对象。下面是代码实现：
Object.fromEntries = function(iterable) {
let obj = {};
for (let [key, value] of iterable) {
obj[key] = value;
}
return obj;
}在此实现中，我们首先定义一个空对象 obj，然后使用 for…of 循环遍历键值对列表 iterable，将每个键值对添加到 obj 中。最后，我们返回 obj 对象。
Object.fromEntries() 方法的实战用例
现在我们已经了解了 Object.fromEntries() 方法的实现原理，接下来我们将介绍一些实战用例，以帮助您更好地理解和使用这个新功能。
用 Object.fromEntries() 方法创建对象
下面是一个示例代码，演示如何使用 Object.fromEntries() 方法创建对象：
-- -------------------- ---- ------- ----- --- - - ----- --- ----- --- ----- -- -- ----- --- - ------------------------ ----------------- -- - -- -- -- -- -- - -
在上述示例代码中，我们首先定义了数组 arr，其中包含一组键值对。然后我们使用 Object.fromEntries() 方法将该数组转换为对象 obj，输出对象 obj。
用 Object.fromEntries() 方法复制对象
下面是一个示例代码，演示如何使用 Object.fromEntries() 方法复制对象：
const obj1 = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj1);
const obj2 = Object.fromEntries(entries);
console.log(obj2); // { a: 1, b: 2, c: 3 }在上述示例代码中，我们首先定义了一个对象 obj1。然后，我们使用 Object.entries() 方法将 obj1 对象的键值对转换为一个数组 entries。最后，我们使用 Object.fromEntries() 方法将这个数组转换回一个新的对象 obj2 来复制 obj1。
用 Object.fromEntries() 方法创建 URL 查询字符串
下面是一个示例代码，演示如何使用 Object.fromEntries() 方法创建 URL 查询字符串：
-- -------------------- ---- ------- ----- ------ - --- ----------------- ---------- ----- ---------- ----- ---------- ---- --- ----- --- - --------------------------- ----------------- -- - ------- ---- ------- ---- ------- --- -
在上述示例代码中，我们首先创建一个 URLSearchParams 对象 params，并传入一组键值对。然后，我们使用 Object.fromEntries() 方法将 params 转换为一个对象 obj。最后，我们输出这个对象 obj，看到它与原始的键值对列表相同。
总结
Object.fromEntries() 方法是 ECMAScript 10 (ES10) 中一个非常有用的方法，可以将键值对列表转换为对象。我们已经通过示例代码演示了如何使用 Object.fromEntries() 方法，帮助读者更好地理解和使用这个新功能。无论是创建对象、复制对象还是创建 URL 查询字符串，Object.fromEntries() 方法都将是一个很好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6596341aeb4cecbf2da1290f