如何將 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 為投票結果,分別有 AngularReactVue ,希望將結果統計為 object,key 分別為 AngularReactVue ,而 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] 相當於 itemresult 相當於 accm ,最後記得 return accm

如何將 Array 統計成 Object ?

Conclusion

  • 只要需求為 單一 object ,就適合使用 reduce()

Reference

egghead.io , Reduce an Array into a Single Object


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

小群效应

小群效应

徐志斌 / 中信出版集团 / 2017-11 / 58.00元

互联网经济时代,新零售、网红经济、知识经济多受益于社群。用户的获取、留存及订单转化直接决定了一个社群的存亡。无论是“做”群还是“用”群,每个人都需要迭代常识:了解用户行为习惯,了解社群运行规律。 《社交红利》《即时引爆》作者徐志斌历时两年,挖掘腾讯、百度、豆瓣的一手后台数据,从上百个产品中深度解读社群行为,通过大量生动案例总结出利用社交网络和海量用户进行沟通的方法论。 本书将告诉你: ......一起来看看 《小群效应》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

MD5 加密
MD5 加密

MD5 加密工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换