在 ECMAScript 2019 （简称 ES10）中，新增了一个非常有用的方法 Object.fromEntries()。本文将详细介绍这个方法的功能、使用方法、学习意义和指导意义。
Object.fromEntries() 的功能
Object.fromEntries() 方法可以将一个键值对的数组转换成一个对象。例如：
-- -------------------- ---- ------- ----- ------- - - -------- -------- ------- ---- -------- ---- ------ -- ----- ------ - ---------------------------- -------------------- -- ---- ----- ------- ---- --- ----- ---- ----- -
我们可以看到，将键值对数组转换为对象非常方便。
Object.fromEntries() 的使用方法
Object.fromEntries() 方法接收一个键值对数组作为参数，返回一个由这些键值对组成的对象。
Object.fromEntries(entries)
其中 entries 是一个键值对数组，每个元素都是一个包含两个元素的数组 [key, value]。
Object.fromEntries() 的深度和学习意义
Object.fromEntries() 方法虽然是一个小小的新增，但是却非常实用。它可以让我们更加方便地从键值对数组中生成一个对象。
该方法的推出还意味着 ES10 版本对 JavaScript 对象的操作能力增强了。我们可以通过该方法将数组通过合适的逻辑转换成一个键值对数组来创建对象。
Object.fromEntries() 的指导意义
Object.fromEntries() 提供了一种新的方法，可以帮助开发人员更加方便地处理键值对数组，减少不必要的代码。
为了更加深入地理解这个方法，我们还可以练习一些实际中的应用场景，例如从表单中获取数据并将其转换为对象。
<form> <input type="text" name="name" value="John"/> <input type="text" name="age" value="30"/> <input type="text" name="city" value="New York"/> </form>
const form = document.querySelector('form');
const formData = new FormData(form);
const entries = formData.entries();
const person = Object.fromEntries(entries);
console.log(person);
// 输出：{ name: "John", age: "30", city: "New York" }在实际开发中，我们也可以使用 Object.fromEntries() 方法从后台 API 获取一些特殊格式的数据，然后将其转换为对象，方便我们进行处理。
结论
Object.fromEntries() 方法是 ES10 版本中的一个小小的新增，但却是非常实用的一个方法，可以帮助我们更加方便地从键值对数组中生成一个对象。它不仅具有实用性，还能够带来更加丰富的 JavaScript 对象操作能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f4f52ec5c563ced56835f5