如何使用 ES2019 的 Object.fromEntries API-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 语言的不断发展，新的 API 不断被引入到标准库中。ES2019 引入了一个新的 API，叫做 Object.fromEntries，它可以将一个由键值对组成的数组转换为一个对象。在本文中，我们将学习如何使用 Object.fromEntries API，以及它的一些实际应用。

Object.fromEntries 的基本用法

Object.fromEntries 方法接受一个由键值对组成的数组，返回一个由这些键值对组成的对象。下面是一个简单的示例：

// javascriptcn.com 代码示例
const entries = [
  ['foo', 'bar'],
  ['baz', 42]
];

const obj = Object.fromEntries(entries);

console.log(obj);
// { foo: 'bar', baz: 42 }

在这个示例中，我们定义了一个由两个键值对组成的数组。然后，我们使用 Object.fromEntries 将这个数组转换成了一个对象。最后，我们将这个对象打印到控制台上。

Object.fromEntries 的实际应用

Object.fromEntries 的实际应用非常广泛。下面是一些常见的用例：

1. 将 URLSearchParams 对象转换成对象

URLSearchParams 对象是一个用于解析和操作 URL 查询字符串的 API。它提供了一些方法来获取和设置查询字符串中的参数。然而，它并不提供一种直接将查询字符串转换成对象的方法。这时，我们可以使用 Object.fromEntries 来实现这个功能。

const params = new URLSearchParams('foo=bar&baz=42');
const obj = Object.fromEntries(params);

console.log(obj);
// { foo: 'bar', baz: '42' }

在这个示例中，我们首先创建了一个 URLSearchParams 对象，它包含两个查询参数：foo 和 baz。然后，我们使用 Object.fromEntries 将这个对象转换成了一个对象，其中每个查询参数都成为了一个对象的属性。

2. 将 Map 对象转换成对象

Map 对象是一种键值对的集合，其中每个键和值都可以是任意类型的。有时候，我们需要将一个 Map 对象转换成一个普通的对象。这时，我们同样可以使用 Object.fromEntries 来实现这个功能。

// javascriptcn.com 代码示例
const map = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);

const obj = Object.fromEntries(map);

console.log(obj);
// { foo: 'bar', baz: 42 }

在这个示例中，我们首先创建了一个 Map 对象，它包含两个键值对。然后，我们使用 Object.fromEntries 将这个 Map 对象转换成了一个普通的对象。

3. 将数组转换成对象

有时候，我们需要将一个数组转换成一个对象，其中数组的每个元素都是一个键值对。这时，我们可以使用 Object.fromEntries 来实现这个功能。

// javascriptcn.com 代码示例
const arr = [
  ['foo', 'bar'],
  ['baz', 42]
];

const obj = Object.fromEntries(arr);

console.log(obj);
// { foo: 'bar', baz: 42 }

在这个示例中，我们首先创建了一个由两个键值对组成的数组。然后，我们使用 Object.fromEntries 将这个数组转换成了一个对象。

总结

Object.fromEntries 是一个非常方便的 API，它可以将一个由键值对组成的数组转换成一个对象。在本文中，我们学习了 Object.fromEntries 的基本用法和一些实际应用。使用 Object.fromEntries 可以让我们更加方便地进行数据转换和处理，提高了代码的可读性和可维护性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655627a8d2f5e1655d0a9689