在 ECMAScript 2015 中引入的 Object.entries 方法可以将一个对象转换为一个键值对数组，而在 ECMAScript 2021 中新增了 Object.fromEntries 方法，可以将一个键值对数组转换为一个对象。本文将详细讲解 Object.fromEntries 方法的用法、优点和应用场景。
用法
Object.fromEntries 方法接受一个键值对数组作为参数，返回一个由该数组中的键值对创建的新对象。键值对数组的每个元素都是一个由两个元素组成的数组，第一个元素是键，第二个元素是值。
const entries = [['a', 1], ['b', 2], ['c', 3]]; const obj = Object.fromEntries(entries); console.log(obj); // {a: 1, b: 2, c: 3}
优点
Object.fromEntries 方法的优点在于它可以快速将一个键值对数组转换为一个对象，同时还可以避免手动创建对象的过程。在实际开发中，我们经常需要将一个键值对数组转换为一个对象，比如解析 URL 查询字符串或 JSON 字符串，或者将一个表单中的数据转换为一个对象等等。
应用场景
解析 URL 查询字符串
URL 查询字符串中的参数通常是以键值对的形式出现的，可以通过 URLSearchParams 对象获取，然后使用 Object.fromEntries 方法将它转换为一个对象。
const params = new URLSearchParams('name=John&age=30&gender=male'); const obj = Object.fromEntries(params.entries()); console.log(obj); // {name: "John", age: "30", gender: "male"}
解析 JSON 字符串
JSON 字符串也常常包含键值对，可以通过 JSON.parse 方法将它转换为一个对象，然后使用 Object.entries 方法将其转换为一个键值对数组，最后使用 Object.fromEntries 方法将其转换为新的对象。
const jsonStr = '{"name":"John","age":30}'; const obj = JSON.parse(jsonStr); const entries = Object.entries(obj); const newObj = Object.fromEntries(entries); console.log(newObj); // {name: "John", age: 30}
将表单数据转换为对象
表单提交的数据通常是以键值对的形式出现的，可以使用 FormData 对象获取，然后使用 Object.fromEntries 方法将它转换为一个对象。
-- -------------------- ---- ------- ------ ------ ----------- ----------- ------------- ------ ------------- ---------- ----------- ------ ------------ ------------- ------------ -------- ---- ------ ------------ ------------- --------------- ------ ------ -------------- ------- -------- ----- ---- - ------------------------------- ------------------------------- ------- -- - ----------------------- ----- -------- - --- --------------- -- ------ ----- --- - --------------------------------------- -- ---------- ----------------- -- ------ ------- ---- ----- ------- ------- --- ---------展开代码
总结
Object.fromEntries 方法是 ECMAScript 2021 中新增的方法，它可以将一个键值对数组转换为一个对象。在解析 URL 查询字符串、JSON 字符串或者将表单数据转换为对象时，Object.fromEntries 方法都能很好地解决这些问题。在实际开发中，我们可以尝试使用 Object.fromEntries 方法来简化代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6644ce47d3423812e42b47fa
