ES10 是 ECMAScript 的最新版本，其中包含了很多对前端开发者来说非常有用的新特性。其中一个特性就是 Object.fromEntries 方法，它可以使编码更容易和简单。
Object.fromEntries 方法的作用
Object.fromEntries 方法可以将一个由键值对数组变成一个对象。这里的键值对数组是指一个二维数组，其中每个子数组都包含两个值，一个是键，一个是值。
const arr = [ ['name', 'Tom'], ['age', 25], ['gender', 'Male'] ];
这个数组可以通过 Object.fromEntries 方法变成下面这个对象：
const obj = Object.fromEntries(arr);
// obj 变成：{ name: 'Tom', age: 25, gender: 'Male' }这个方法可以方便地将键值对数组转换成对象，在实际使用中非常方便。
Object.fromEntries 方法的使用
使用 Object.fromEntries 方法非常简单，它只需要一个键值对数组作为参数，然后返回一个对应的对象。
const arr = [ ['name', 'Tom'], ['age', 25], ['gender', 'Male'] ]; const obj = Object.fromEntries(arr);
该方法还可以和其他方法结合使用，比如 Object.entries 方法。Object.entries 方法可以将一个对象转化为一个键值对数组。
const obj = {
name: 'Tom',
age: 25,
gender: 'Male',
};
const arr = Object.entries(obj);
// 输出 arr 的结果为：[ [ 'name', 'Tom' ], [ 'age', 25 ], [ 'gender', 'Male' ] ]我们可以将 Object.entries 方法返回的结果作为参数，然后通过 Object.fromEntries 来转化成一个新的对象。
const newObj = Object.fromEntries(Object.entries(obj));
// newObj 变成：{ name: 'Tom', age: 25, gender: 'Male' }这个过程看似很繁琐，但是在实际场景中非常有用，比如我们需要对对象进行一系列操作之后，最终需要将其转化为一个新的对象进行保存。
Object.fromEntries 方法的兼容性
Object.fromEntries 方法是 ES10 中新增的一个方法，因此在一些旧的浏览器版本可能会出现兼容性问题。在支持该方法的浏览器中，我们可以直接使用该方法。如果需要兼容旧版本浏览器，我们可以使用 polyfill 或者类似的库来帮助我们实现该方法。
总结
Object.fromEntries 方法是一个非常实用的方法，它可以方便地将键值对数组转化为对象。在实际应用中，它可以帮助我们简化代码，提高开发效率，常常和其他方法一起使用。在兼容性方面，我们需要注意一些兼容性问题，确保代码能够在各种浏览器中正常运行。
示例代码
-- -------------------- ---- ------- ----- --- - - ----- ------ ---- --- ------- ------- -- ----- --- - -------------------- ----------------- ----- ------ - ------------------------ --------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648d860a48841e9894bd5a72