JavaScript中如何將數組轉換為對象

JavaScript 中有四種方法可以將數組轉換為對象：

1. 使用Object.assign() 將數組轉換為對象的方法，例如const obj = Object.assign({}, arr) .
2. 使用展開語法（... ) 將數組轉換為對象，例如const obj = {...arr} .
3. 使用 Array.forEach() 方法來迭代所有項目並將它們作為鍵值對添加到對像中。
4. 使用 Object.fromEntries() 將鍵值對數組轉換為對象的方法，例如const obj = Object.fromEntries(arr) .

Object.assign() 方法

Object.assign() 方法是在 ES6 中引入的，它將所有可枚舉的自身屬性的值從一個或多個源對象複製到目標對象。它的語法如下：

Object.assign(target, ...sources)

target object 是第一個參數，也用作返回值。以下示例演示瞭如何使用 Object.assign() 將數組轉換為對象的方法：

const names = ['Alex', 'Bob', 'Johny', 'Atta']

const obj = Object.assign({}, names)

console.log(obj)
// { '0': 'Alex', '1': 'Bob', '2': 'Johny', '3': 'Atta' }

閱讀本指南以了解有關 Object.assign() 的更多信息 方法。

擴展運算符

另一種將數組轉換為對象的方法是使用對象擴展（{... iterable} ） 操作員。這是一個例子：

const names = ['Alex', 'Bob', 'Johny', 'Atta']

const obj = { ...names }

console.log(obj)
// { '0': 'Alex', '1': 'Bob', '2': 'Johny', '3': 'Atta' }

Array.forEach() 方法

使用 Array.forEach() 將數組轉換為對象的方法：

1. 將空對象聲明為變量。
2. 使用 Array.forEach() 方法來迭代數組元素。
3. 在每次迭代中，將元素作為鍵值對添加到對像中。

const names = ['Alex', 'Bob', 'Johny', 'Atta']

const obj = {}

names.forEach((elem, i) => {
  obj[i] = elem
})

console.log(obj)
// { 0: "Alex", 1: "Bob", 2: "Johny", 3: "Atta" }

與上述方法不同，Array.forEach() 方法允許您命名新對象的鍵。

names.forEach((elem, i) => {
  obj[`key${i}`] = elem
})

console.log(obj)
// { key0: 'Alex', key1: 'Bob', key2: 'Johny', key3: 'Atta' }

您還可以向 Array 添加一個函數 的原型，並在您想將數組轉換為對象時調用它：

Array.prototype.toObject = function () {
  const obj = {}

  this.forEach((elem, i) => {
    obj[i] = elem
  })

  return obj
}

const newObj = ['Alex', 'Bob', 'Johny', 'Atta'].toObject()

console.log(newObj)
// { '0': 'Alex', '1': 'Bob', '2': 'Johny', '3': 'Atta' }

Object.fromEntries() 方法

Object.fromEntries() 方法將鍵值對數組轉換為對象並返回結果，如下所示：

const props = [
  ['name', 'John Doe'],
  ['age', 29]
]

const obj = Object.fromEntries(props)

console.log(obj)
// { name: 'John Doe', age: 29 }

注意我們這次使用的嵌套數組。這些二維數組至少包含兩個元素——一個鍵和一個值。