使用 ECMAScript 2019 的 Object.fromEntries 方法快速将数组转换为对象
在前端开发中，我们经常需要将数组转换为对象。在 ECMAScript 2019 中，新增了一个 Object.fromEntries 方法，可以快速地将数组转换为对象，让我们来了解一下这个方法的使用。
Object.fromEntries 方法的介绍
Object.fromEntries 方法是 ECMAScript 2019 中新增的方法，用于将一个二维数组转换为一个对象。该方法接受一个二维数组作为参数，其中每个子数组都包含两个元素，第一个元素表示对象的属性名，第二个元素表示对象的属性值。该方法会返回一个新的对象，其中包含了所有属性名和属性值。
Object.fromEntries 方法的使用
下面是 Object.fromEntries 方法的基本使用方法：
const arr = [['name', 'Tom'], ['age', 18], ['gender', 'male']];
const obj = Object.fromEntries(arr);
console.log(obj); // { name: 'Tom', age: 18, gender: 'male' }在上面的代码中，我们创建了一个包含三个子数组的数组 arr，每个子数组都包含了一个属性名和一个属性值。然后我们使用 Object.fromEntries 方法将数组 arr 转换为了一个新的对象 obj，并将其输出到控制台。
Object.fromEntries 方法的指导意义
使用 Object.fromEntries 方法可以快速地将一个数组转换为一个对象，这在实际开发中非常有用。例如，在从后端接收到一个数组时，如果我们需要将其转换为一个对象，就可以使用该方法。此外，该方法还可以用于将 Map 转换为对象。
Object.fromEntries 方法的示例代码
下面是一些使用 Object.fromEntries 方法的示例代码：
-- -------------------- ---- ------- -- - --- ----- ----- --- - --- ------------- ------- ------- ---- ---------- ---------- ----- --- - ------------------------ ----------------- -- - ----- ------ ---- --- ------- ------ - -- --------------- ----- --- - --------- ------- ------- ---- ---------- --------- ----- --- - - --------------------------- -------- --------- -- ----------------- -- - ----- ------ ---- --- ------- ------- -------- --------- - -- ------------ ------ ------- ----- --- - --------- ---- ----------- ---- ----------- ----- ----- --- - --------------------------------- ------- -- ----- ----- - ------- ----------------- -- - ----- ---- -------- --- -------- --- -
在上面的示例代码中，我们分别演示了将 Map 转换为对象、将数组转换为对象并添加新属性、以及将数组转换为对象并使用 reduce 方法计算属性值的用法。
总结
Object.fromEntries 方法是 ECMAScript 2019 中新增的方法，用于将一个二维数组转换为一个对象。该方法可以快速地将数组转换为对象，非常有用。在实际开发中，我们可以灵活运用该方法，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e6b8831886fbafa41dbcec