如何將 Array 統計成 Object ?
栏目: JavaScript · 发布时间: 7年前
内容简介:實務上所有結果可能都是一層 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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Android编程权威指南(第3版)
比尔·菲利普斯 (Bill Phillips)、克里斯·斯图尔特 (Chris Stewart)、克莉丝汀·马西卡诺 (Kristin Marsicano) / 王明发 / 人民邮电出版社 / 2017-6 / 129.00元
Big Nerd Ranch 是美国一家专业的移动开发技术培训机构。本书主要以其Android 训练营教学课程为基础,融合了几位作者多年的心得体会,是一本完全面向实战的Android 编程权威指南。全书共36 章,详细介绍了8 个Android 应用的开发过程。通过这些精心设计的应用,读者可掌握很多重要的理论知识和开发技巧,获得宝贵的开发经验。 第3 版较之前版本增加了对数据绑定等新工具的介......一起来看看 《Android编程权威指南(第3版)》 这本书的介绍吧!