ES12 中的 Object.fromEntries() 方法详解-JavaScript中文网-JavaScript教程资源分享门户

前言

在开发过程中，我们常常需要通过对象的键值来进行操作。ES6 中推出了 Object.entries() 方法，将对象转换为键值对数组，方便了我们的遍历和操作。但是，当我们需要将键值对数组转换为对象时就需要自己手动遍历一遍数组，将键值对逐一添加到对象中去。ES12 中推出的 Object.fromEntries() 方法就解决了这个问题。

什么是 Object.fromEntries() 方法

Object.fromEntries() 方法是 ES12 中新增的静态方法，用来将包含键值对数组转换为对象。该方法的特点是可以将键值对数组转换为对象，进一步简化开发过程。

Object.fromEntries() 方法的用法

Object.fromEntries() 方法的用法非常简单，只需要将需要转换的键值对数组作为参数传入即可。示例代码如下：

// javascriptcn.com 代码示例
const arr = [
  ['name', 'Tom'],
  ['age', 18],
  ['gender', 'male']
];

const obj = Object.fromEntries(arr);

console.log(obj);
// { name: 'Tom', age: 18, gender: 'male' }

Object.fromEntries() 方法的实现逻辑

从上面的示例代码中我们可以看到，Object.fromEntries() 方法主要的实现逻辑就是将键值对数组转换成一个新的对象。具体实现步骤如下：

首先判断传入参数的类型，如果不是数组或者键值对不是数组，则抛出异常或者返回空对象。
如果传入参数是数组，则遍历数组，将键值对添加到新的对象中。
如果键值对不是数组，则将其转换为数组形式，再添加到对象中。

示例代码如下：

// javascriptcn.com 代码示例
Object.fromEntries = function (arr) {
  // 判断传入参数是否是数组
  if (!Array.isArray(arr)) {
    throw new TypeError('参数必须是数组');
  }

  // 创建新的对象
  const obj = {};

  // 遍历数组
  for (let i = 0; i < arr.length; i++) {
    // 如果键值对不是数组，则转化为数组形式
    if (!Array.isArray(arr[i]) || arr[i].length !== 2) {
      throw new TypeError('键值对必须是数组形式，且必须包含两个元素');
    }

    // 将键值添加到对象中
    obj[arr[i][0]] = arr[i][1];
  }

  // 返回新的对象
  return obj;
}

Object.fromEntries() 方法的注意事项

虽然 Object.fromEntries() 方法非常方便，但是在使用过程中我们也需要注意一些细节问题，如下：

Object.fromEntries() 方法是 ES12 的新增方法，需要检查运行环境是否支持该方法。
键值对数组中的键必须是字符串，否则会被自动转换为字符串形式。
键值对数组中的值可以是任何类型，包括对象、函数等。

总结

本文重点介绍了 ES12 中新增的 Object.fromEntries() 方法，该方法可以将键值对数组转换为对象。通过本文的详细讲解和示例代码，相信大家已经掌握了该方法的使用和实现过程。在日常工作中，我们选择合适的方法可以提高代码的效率和可读性，希望本文能够对大家有所帮助。

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