如何將 Array 統計成 Object ?
栏目: JavaScript · 发布时间: 5年前
内容简介：實務上所有結果可能都是一層 Array，需要統計成有意義的 Object。ECMAScript 5
實務上所有結果可能都是一層 Array，需要統計成有意義的 Object。
Version
ECMAScript 5
Imperative
const data = [
'Angular',
'React',
'Vue',
'Vue',
'Angular',
'React',
'React',
'React',
'Vue',
];
let result = {};
for(let i = 0; i < data.length; i++) {
if (!result[data[i]]) result[data[i]] = 1;
else result[data[i]] += 1;
}
console.log(result);
data array 為投票結果，分別有 Angular 、 React 與 Vue ，希望將結果統計為 object，key 分別為 Angular 、 React 與 Vue ，而 value 為 票數 。
Functional
const data = [
'Angular',
'React',
'Vue',
'Vue',
'Angular',
'React',
'React',
'React',
'Vue',
];
const reducer = (accm, item) => {
if (!accm[item]) accm[item] = 1;
else accm[item] += 1;
return accm;
};
const result = data.reduce(reducer, {});
console.log(result);
由於結果為 單一 object ，因此也適用於 reduce() 。
data[i] 相當於 item ， result 相當於 accm ，最後記得 return accm 。
Conclusion
- 只要需求為
單一 object，就適合使用reduce()
Reference
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
家事的撫慰（下冊）
Cheryl Mendelson / 甘錫安 / 大家出版社 / 2014-1-28 / NT$520
家事界暢銷參考書籍 各大媒體一致盛讚 亞馬遜讀者四星半高度評鑑 誠品、博客來、香港誠品 三選書 家務界經典暢銷書│各大媒體一致盛讚│讀者四星半高度評鑑 「這個世代最重要的家事著作！」──《大西洋月刊》 恢復家務打理者應有的地位，賦予應有的尊嚴和價值。 以生理的勞動、心力的投入，以及正確的持家知識，換得情感上的溫暖與安全。 ．家裡空氣有異味，用香味來......一起来看看 《家事的撫慰（下冊）》 这本书的介绍吧!
