JavaScript中如何把對象數組轉換成對象
作者：前端老兵
假設你有一個對象數組，每個對象都有一個唯一的鍵，你可以通過遍歷數組并將每個對象的屬性添加到新的對象中來實現這一轉換。
1. JavaScript中如何把對象數組轉換成對象
在JavaScript中，將對象數組轉換成單個對象是一種常見的需求。
假設你有一個對象數組，每個對象都有一個唯一的鍵，你可以通過遍歷數組并將每個對象的屬性添加到新的對象中來實現這一轉換。
1.1. 示例
假設你有一個如下所示的對象數組：
const array = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];1.1.1. 目標
將上述數組轉換成一個對象，其中每個對象的 id 作為鍵，整個對象作為值：
const result = {
1: { id: 1, name: 'Alice' },
2: { id: 2, name: 'Bob' },
3: { id: 3, name: 'Charlie' }
};1.2. 實現方法
1.2.1. 方法一：使用 reduce()
reduce() 方法可以用來累積數組中的元素，生成一個最終的結果。
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() 方法可以遍歷數組中的每個元素，并對每個元素執行特定的操作。
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 循環
for...of 循環可以遍歷數組中的每個元素，并對每個元素執行特定的操作。
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. 總結
以上三種方法都可以將對象數組轉換成一個對象。選擇哪種方法取決于你的個人偏好和具體的使用場景。
reduce() 方法通常更加簡潔和函數式編程風格，而 forEach() 和 for...of 循環則更加直觀和易于理解。
責任編輯：武曉燕
來源：
前端愛好者
