JS數(shù)組實現(xiàn)分類統(tǒng)計實例代碼
更新時間:2018年09月30日 08:26:36 作者:SwitchCase_
本文通過實例代碼給大家介紹了js數(shù)組實現(xiàn)分類統(tǒng)計的相關知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
將水果數(shù)組中同類的水果合并為一條并求出總數(shù)
var fruits = [{ name: 'apple', value: 1 }, { name: 'apple', value: 2 }, // 總計3個蘋果 { name: 'banana', value: 2 }, { name: 'banana', value: 3 }]; // 總計5個香蕉 var fruitTotal = []; // 存最終數(shù)據(jù)結果 // 數(shù)據(jù)按照水果名稱進行歸類 var nameContainer = {}; // 針對鍵name進行歸類的容器 fruits.forEach(item => { nameContainer[item.name] = nameContainer[item.name] || []; nameContainer[item.name].push(item); }); console.log(nameContainer); // 按照水果名稱歸類完成:{ apple: Array(2), banana: Array(2) } // 統(tǒng)計不同種類水果的數(shù)量 var fruitName = Object.keys(nameContainer); // 獲取水果種類:["apple", "banana"] fruitName.forEach(nameItem => { let count = 0; nameContainer[nameItem].forEach(item => { count += item.value; // 遍歷每種水果中包含的條目計算總數(shù) }); fruitTotal.push({'name': nameItem, 'total': count}); }); console.log(fruitTotal); // 輸出結果: // [{ name: "apple", total: 3 }, // { name: "banana", total: 5 }]
總結
以上所述是小編給大家介紹的JS數(shù)組實現(xiàn)分類統(tǒng)計實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!