在 JavaScript 中将数组转换为对象

Kushank Singh 2023年10月12日
  1. 在 JavaScript 中使用 object.assign() 方法将数组转换为对象
  2. 在 JavaScript 中使用 array.reduce() 方法将数组转换为对象
  3. 在 JavaScript 中使用扩展运算符将数组转换为对象
在 JavaScript 中将数组转换为对象

数组和对象在 JavaScript 中被认为非常重要。两者都是可变的,并且可以在 JavaScript 中存储一些值。

当我们在单个变量中存储多个值时,我们使用数组,而一个对象可以保存多个变量及其值。

通常,在拥有大量数据时使用对象会更快。

在本教程中,我们将学习如何在 JavaScript 中将数组转换为对象。

在 JavaScript 中使用 object.assign() 方法将数组转换为对象

assign() 方法可以迭代地从一个或多个对象读取属性到目标对象。它返回目标对象。

参考下面的代码。

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

输出:

{0: "foo", 1: "boo", 2: "zoo"}

在 JavaScript 中使用 array.reduce() 方法将数组转换为对象

reduce() 方法可以对数组中的每个元素应用一个函数(你提供的)。它返回单个输出值。

我们可以使用它进行必要的转换。

例如,

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {})  // initial empty object

输出:

{0: "foo", 1: "boo", 2: "zoo"}

在 JavaScript 中使用扩展运算符将数组转换为对象

在 JavaScript 中,展开运算符 (...) 可以解包所有数组元素。我们可以使用它来将数组转换为对象。

例如,

const arr = ['foo', 'boo', 'zoo'];
const obj = {...arr};
console.log(obj);

输出:

{0: "foo", 1: "boo", 2: "zoo"}

相关文章 - JavaScript Array

相关文章 - JavaScript Object