ES10 中 Object.fromEntries()：将键值对转换成对象

ES10 中 Object.fromEntries()：将键值对转换成对象

随着前端技术的不断发展，JavaScript 也在不断地演化，ES10 中新增加了 Object.fromEntries() 方法，可以将键值对转换成对象。

Object.fromEntries() 方法接受一个由键值对组成的数组作为参数，并返回一个包含这些键值对的新对象。这个方法在某些场景下可以减少代码量，提高代码的可读性和可维护性。下面我们来看一个具体的例子。

const entries = [["name", "Tom"], ["age", 20], ["gender", "male"]];
const obj = Object.fromEntries(entries);
console.log(obj); // {name: "Tom", age: 20, gender: "male"}

以上代码将由 name，age 和 gender 三个键值对组成的数组 entries 转换成一个包含这些键值对的新对象 obj，并将 obj 输出到控制台。

这个方法非常的实用，特别是当我们需要将对象转换成数组时更是派上用场。下面我们来看一个将对象转换成数组的例子。

const user = {
  name: "Tom",
  age: 20,
  gender: "male"
};
const entries = Object.entries(user);
console.log(entries); // [["name", "Tom"], ["age", 20], ["gender", "male"]]

以上代码将一个包含 name，age 和 gender 三个键值对的对象 user 转换成一个由这些键值对组成的数组 entries，并将 entries 输出到控制台。

这里需要注意的是，Object.fromEntries() 方法是 ES10 中新增的，如果我们需要兼容旧版本的浏览器，建议使用 Babel 转换器将代码转成 ES5 标准。

总结：

ES10 中新增的 Object.fromEntries() 方法可以将键值对转换成对象，在某些场景下可以减少代码量，提高代码的可读性和可维护性。同时，它还可以将对象转换成数组，也是很实用的。

希望这篇文章能帮助大家更好的理解并运用 Object.fromEntries() 方法。

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