📜  es6 数组到对象键 - Javascript (1)

📅  最后修改于: 2023-12-03 14:41:00.883000             🧑  作者: Mango

ES6 数组到对象键

在 JavaScript 的 ES6 中,我们可以使用一些内置的方法将数组转换为对象键。这些方法处理数组的每个元素并返回一个对象,其中元素的值被用作对象的键。

下面是一些常用的方法:

1. reduce 方法

使用 reduce 方法可以将一个数组转换为一个对象。

const array = [['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']];

const object = array.reduce((obj, [key, value]) => {
  obj[key] = value;
  return obj;
}, {});

console.log(object); // { key1: 'value1', key2: 'value2', key3: 'value3' }
2. fromEntries 方法

fromEntries 方法可以将包含键值对数组的可迭代对象转换为一个对象。

const array = [['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']];

const object = Object.fromEntries(array);

console.log(object); // { key1: 'value1', key2: 'value2', key3: 'value3' }
3. map 方法

使用 map 方法可以遍历数组并返回一个新的数组,其中每个元素都是一个包含键值对的数组。然后,我们可以使用 Object.assign 方法将这个新的数组合并为一个对象。

const array = [['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']];

const object = Object.assign({}, ...array.map(([key, value]) => ({ [key]: value })));

console.log(object); // { key1: 'value1', key2: 'value2', key3: 'value3' }
4. forEach 方法

我们可以使用 forEach 方法遍历数组并将每个元素添加到一个新对象中。

const array = [['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']];

const object = {};

array.forEach(([key, value]) => {
  object[key] = value;
});

console.log(object); // { key1: 'value1', key2: 'value2', key3: 'value3' }

这些方法提供了将数组转换为对象键的不同方式。根据需求选择适合你的方法。