ES10中对象函数 Object.fromEntries 的使用技巧-JavaScript中文网-JavaScript教程资源分享门户

ES10中新加入的对象函数Object.fromEntries()是一个非常有用的函数，可以方便地将键值对数组转换成对象。这个函数能够帮助开发人员更加方便地管理和操作对象，提高开发效率和程序的可读性。

Object.fromEntries()介绍

Object.fromEntries()将一个键值对数组转换成对象，这个函数接受一个键值对数组作为参数，数组中每个元素都是一个包含两个值的数组，第一个值是键，第二个值是值。这个函数的返回值是一个新对象，对象中的每个键值对都对应着传入数组中的一个键值对。

下面是一个使用Object.fromEntries()将键值对数组转换成对象的示例：

const arr = [['foo', 1], ['bar', 2], ['baz', 3]];
const obj = Object.fromEntries(arr);
console.log(obj); // {foo: 1, bar: 2, baz: 3}

使用场景

从 URLSearchParams 对象中获取数据

在开发过程中，我们通常需要获取 URL 上的参数。ES10中新增的 URLSearchParams 对象可以方便地操作 URL 上的参数。使用该对象获取 URL 中参数列表会返回一个键和值的列表，这时我们就可以将其转换成一个普通的对象，更方便地操作和获取参数值。

const urlParams = new URLSearchParams(window.location.search);

const params = Object.fromEntries(urlParams.entries());

console.log(params);

将 Map 转换成对象

Object.fromEntries()还可以将Map集合对象转换为Object对象，达到修改Object对象时同步修改Map集合对象的绝佳操作效果。

const resultMap = new Map([['one', 1], ['two', 2], ['three', 3]]);

const objResult = Object.fromEntries(resultMap.entries());

objResult.one = 10;

console.log(resultMap.get('one')); // 输出10

最佳实践

在使用Object.fromEntries()时应该注意参数值，要求它是一个可迭代的参数。如果不是可迭代的参数则这个函数将会抛出一个错误。此外，这个函数只能用来创建键值都为字符串类型的对象，无法创建其他类型的对象。

在实际的开发中，我们经常需要将键值对数组转换成对象，Object.fromEntries()可以非常方便的帮助我们完成这个任务。当我们需要从 URLSearchParams 对象中获取数据或者编程中需要将 Map 转换成对象时，Object.fromEntries()是一个非常好的选择。

结论

本文讲述了ES10中对象函数Object.fromEntries的使用技巧。这个函数简单而强大，可以帮助开发人员更方便、高效的管理和操作对象。在实际的开发中，使用这个函数可以大大提高代码的可读性和可维护性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/66f5a86dc5c563ced57ab10b