在 JavaScript 中將陣列轉換為物件

1. 在 JavaScript 中使用 object.assign() 方法將陣列轉換為物件
2. 在 JavaScript 中使用 array.reduce() 方法將陣列轉換為物件
3. 在 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"}