前端 JS 接收後端 JSON 並按名稱分組統計

資料結構

var json = "[{name:'class1',s:'perter'},{name:'class1',s:'daniel'},{name:'class2',s:'king'}]";

分組邏輯

var jsonObj = JSON.parse(json); // 安全解析，勿用 eval
var groups = {};
jsonObj.forEach(item => {
    var key = item.name;
    if (!groups[key]) groups[key] = [];
    groups[key].push(item.s);
});
// groups = { class1: ['perter','daniel'], class2: ['king'] }

// 顯示組名與筆數
for (var k in groups) {
    console.log("組別：" + k + "，筆數：" + groups[k].length + "，成員：" + groups[k].join(","));
}

進階：直接統計不儲存明細

var stats = {};
jsonObj.forEach(item => {
    stats[item.name] = (stats[item.name] || 0) + 1;
});
// stats = { class1: 2, class2: 1 }

安全提醒

**嚴禁使用 eval() 解析 JSON**，極易導致 XSS 攻擊。現代瀏覽器原生 JSON.parse()、jQuery $.parseJSON()、$.getJSON() 皆安全高效。