随着 JavaScript 的发展，新增的 ES12 版本带来了许多新的特性，其中之一就是 Object.fromEntries() 方法。在这篇文章中，我们将深入探讨这个方法的实际应用，并分享一些示例代码帮助您更好地理解。
Object.fromEntries()方法是什么
Object.fromEntries() 方法是 ES12 新增的方法，它可以将一个包含键值对的数组转换为一个对象。
具体来说，该方法接受一个具有映射功能的二元数组（比如 Map 类型所表示的键值数组），并返回一个由这些键值对组成的对象。
const arr = [['key1', 'value1'], ['key2', 'value2']];
const obj = Object.fromEntries(arr);
console.log(obj);
// Output: { key1: "value1", key2: "value2" }Object.fromEntries()方法的实际应用
在实际应用中，Object.fromEntries() 方法可以帮助我们更加方便地将数据转换为对象。下面我们将演示一些例子以便更好地理解这个方法的实用性。
将 URL 参数转换为对象
在处理 URL 参数时，我们通常需要将这些参数转换为对象以方便处理。使用 Object.fromEntries() 方法可以实现这个功能。
示例代码：
const parseQueryString = (url) => {
const searchParams = new URLSearchParams(url);
return Object.fromEntries(searchParams.entries());
};
console.log(parseQueryString('https://localhost:3000/?id=1&name=John'));
// Output: { id: '1', name: 'John' }将对象转换为对象数组
我们有时需要将对象转换为对象数组。使用 Object.entries() 方法和 Object.fromEntries() 方法即可实现。
示例代码：
-- -------------------- ---- ------- ----- --- - - ----- --------- ----- -------- -- ----- --- - ------------------------------ ------- -- -- ---- ----- ---- ----- ------ - ------------------------ ----------------- -- ------- - - ---- ------- ------ -------- -- - ---- ------- ------ -------- - - -------------------- -- ------- - ----- --------- ----- -------- -
从对象数组中获取指定属性
如果我们有一个包含对象的数组，并且需要从中获取某个键对应的值，我们可以使用 Object.fromEntries() 方法。
示例代码：
const arr = [{ key1: 'value1' }, { key2: 'value2' }];
const obj = Object.fromEntries(arr.map((item) => Object.entries(item)[0]));
console.log(obj);
// Output: { key1: 'value1', key2: 'value2' }结论
Object.fromEntries() 方法是 ES12 中非常实用的方法之一，可以帮助我们更方便地处理数据类型。希望本文可以帮助您更好地掌握这个方法的实际用途，并在实际项目中应用起来。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671879edad1e889fe22ba8a2