數組分組的高效方法有三種，適用場景不同。1.基于索引的分組通過循環按固定大小拆分數組，簡單但靈活性差；2.reduce方法實現類似功能，代碼簡潔但理解難度稍高；3.map結構可根據元素屬性或值進行條件分組，靈活但代碼較多。選擇時需根據具體需求判斷，如固定大小用第一種，靈活邏輯用reduce，條件分組用map。分組后通常使用map方法對每組進一步計算，如求平均值等。應用場景包括數據展示、處理和任務分配。性能優化應避免多余循環，簡化邏輯，選用合適數據結構并考慮大數據量下的處理方式。
數組分組，簡單來說，就是把一個大數組按照某種規則拆分成若干個小數組。方法很多，效率也各不相同。選擇合適的方案，能讓你的代碼跑得更快。
解決方案（直接輸出解決方案即可）
實現數組分組，核心在于確定分組的依據和方式。以下介紹三種比較高效的方法，它們各有優劣，適用場景也略有不同。
- 基于索引的簡單分組
這是最直觀也最容易理解的方法。如果你知道每組包含多少個元素，可以直接使用循環來分割數組。
function groupArrayByIndex(arr, groupSize) { const result = []; for (let i = 0; i < arr.length; i += groupSize) { result.push(arr.slice(i, i + groupSize)); } return result; } // 示例 const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const groupedNumbers = groupArrayByIndex(numbers, 3); console.log(groupedNumbers); // 輸出: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]
優點： 簡單易懂，代碼量少。
缺點： 靈活性較差，只能按固定大小分組。如果數組長度不是 groupSize 的整數倍，最后一組可能元素數量不足。
- 使用 reduce 方法進行分組
reduce 方法可以遍歷數組，并將每個元素累積到一個結果中。我們可以利用這個特性來實現分組。
function groupArrayByReduce(arr, groupSize) { return arr.reduce((result, item, index) => { const groupIndex = Math.floor(index / groupSize); if (!result[groupIndex]) { result[groupIndex] = []; } result[groupIndex].push(item); return result; }, []); } // 示例 const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const groupedNumbers = groupArrayByReduce(numbers, 3); console.log(groupedNumbers); // 輸出: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]
優點： 代碼相對簡潔，功能更強大，可以進行更復雜的分組邏輯。
缺點： 相對于第一種方法，理解起來稍微復雜一些。
- 使用 Map 進行條件分組
如果需要根據元素的屬性或值進行分組，可以使用 Map 數據結構。Map 可以存儲鍵值對，其中鍵可以是任何類型，這使得它非常適合用于條件分組。
function groupByCondition(arr, keyExtractor) { const map = new Map(); arr.forEach(item => { const key = keyExtractor(item); if (!map.has(key)) { map.set(key, []); } map.get(key).push(item); }); return Array.from(map.values()); } // 示例 const products = [ { name: 'Apple', category: 'Fruit' }, { name: 'Banana', category: 'Fruit' }, { name: 'Carrot', category: 'Vegetable' }, { name: 'Broccoli', category: 'Vegetable' }, ]; const groupedProducts = groupByCondition(products, product => product.category); console.log(groupedProducts); // 輸出: [[{ name: 'Apple', category: 'Fruit' }, { name: 'Banana', category: 'Fruit' }], // [{ name: 'Carrot', category: 'Vegetable' }, { name: 'Broccoli', category: 'Vegetable' }]]
優點： 靈活性極高，可以根據任意條件進行分組。
缺點： 代碼相對較多，需要理解 Map 的用法。
如何選擇最適合的分組方法？
選擇哪種方法取決于你的具體需求。
- 如果只是簡單地按固定大小分組，第一種方法最簡單直接。
- 如果需要更靈活的分組邏輯，或者需要對每個元素進行處理，reduce 方法更適合。
- 如果需要根據元素的屬性或值進行分組，Map 是最佳選擇。
數組分組后如何處理數據？
數組分組之后，通常需要對每個分組進行進一步的處理，例如計算每個分組的平均值、最大值、最小值等等。可以使用 map 方法來遍歷每個分組，并進行相應的計算。
const groupedNumbers = [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]; const averageOfEachGroup = groupedNumbers.map(group => { const sum = group.reduce((acc, num) => acc + num, 0); return sum / group.length; }); console.log(averageOfEachGroup); // 輸出: [2, 5, 8, 10]
數組分組在實際項目中有哪些應用場景？
數組分組在實際項目中非常常見。
- 數據展示： 將大量數據按照一定的規則分組，可以更清晰地展示數據，例如將用戶按照地區分組、將商品按照類別分組等等。
- 數據處理： 將數據分組后，可以對每個分組進行獨立的計算和處理，例如計算每個地區的用戶數量、計算每個類別的商品銷售額等等。
- 任務分配： 將任務按照優先級或者類型分組，可以更合理地分配任務給不同的團隊或者人員。
如何避免數組分組過程中的性能問題？
- 避免不必要的循環： 盡量使用高效的數組方法，例如 map、reduce 等，避免使用嵌套循環。
- 優化分組邏輯： 盡量簡化分組邏輯，避免復雜的計算和判斷。
- 使用適當的數據結構： 根據具體需求選擇合適的數據結構，例如 Map、Set 等。
- 考慮數據量： 如果數據量非常大，可以考慮使用分頁或者流式處理的方式，避免一次性加載所有數據。
