1. JavaScript中如何把對(duì)象數(shù)組轉(zhuǎn)換成對(duì)象

在JavaScript中，將對(duì)象數(shù)組轉(zhuǎn)換成單個(gè)對(duì)象是一種常見的需求。

假設(shè)你有一個(gè)對(duì)象數(shù)組，每個(gè)對(duì)象都有一個(gè)唯一的鍵，你可以通過遍歷數(shù)組并將每個(gè)對(duì)象的屬性添加到新的對(duì)象中來實(shí)現(xiàn)這一轉(zhuǎn)換。

1.1. 示例

假設(shè)你有一個(gè)如下所示的對(duì)象數(shù)組：

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

1.1.1. 目標(biāo)

將上述數(shù)組轉(zhuǎn)換成一個(gè)對(duì)象，其中每個(gè)對(duì)象的 id 作為鍵，整個(gè)對(duì)象作為值：

const result = {
  1: { id: 1, name: 'Alice' },
  2: { id: 2, name: 'Bob' },
  3: { id: 3, name: 'Charlie' }
};

1.2. 實(shí)現(xiàn)方法

1.2.1. 方法一：使用 reduce()

reduce() 方法可以用來累積數(shù)組中的元素，生成一個(gè)最終的結(jié)果。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const result = array.reduce((acc, item) => {
  acc[item.id] = item;
  return acc;
}, {});

console.log(result);

1.2.2. 方法二：使用 forEach()

forEach() 方法可以遍歷數(shù)組中的每個(gè)元素，并對(duì)每個(gè)元素執(zhí)行特定的操作。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const result = {};
array.forEach(item => {
  result[item.id] = item;
});

console.log(result);

1.2.3. 方法三：使用 for...of 循環(huán)

for...of 循環(huán)可以遍歷數(shù)組中的每個(gè)元素，并對(duì)每個(gè)元素執(zhí)行特定的操作。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const result = {};
for (const item of array) {
  result[item.id] = item;
}

console.log(result);

1.3. 總結(jié)

以上三種方法都可以將對(duì)象數(shù)組轉(zhuǎn)換成一個(gè)對(duì)象。選擇哪種方法取決于你的個(gè)人偏好和具體的使用場(chǎng)景。

reduce() 方法通常更加簡(jiǎn)潔和函數(shù)式編程風(fēng)格，而 forEach() 和 for...of 循環(huán)則更加直觀和易于理解。