如何將 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 。

如何將 Array 統計成 Object ?

Conclusion

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

Reference

egghead.io , Reduce an Array into a Single Object


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

查看所有标签

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

新内容创业:我这样打造爆款IP

新内容创业:我这样打造爆款IP

南立新、曲琳 / 机械工业出版社 / 2016-5-10 / 39.00

这是个内容创业爆棚的时代,在采访几十家内容创业公司,与一线最优秀的创业者独家对话之后,作者写作了这本书,其中包括对这个行业的真诚感触,以及希望沉淀下来的体系化思考。 本书共分三个部分讲述了爆红大号的内容创业模式和方法。其中第一部分,讲述了新的生产方式,即内容形态发展的现状--正在被塑造;第二部分,讲述了新的盈利探索,即从贩卖产品到贩卖内容的转变,该部分以多个案例进行佐证,内容翔实;第三部分,......一起来看看 《新内容创业:我这样打造爆款IP》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具