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

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

查看所有标签

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

码农书籍

测试驱动开发的艺术

Lasse Koskela / 李贝 / 人民邮电出版社 / 20101023 / 59.00元

在传统的软件开发中，开发人员对于代码是否正确心中无底，一切依赖于后期的测试环节。极限编程反其道而行之，主张采用测试驱动开发（TDD）的方法，即通过测试定义所要开发的功能的接口，然后实现功能的开发过程。TDD通过不断地测试推动代码的开发，既简化了代码，又保证了软件质量。本书采用“手把手”的教学方式，通过大量实例来解释TDD，还专门用几章的篇幅来讲解如何为难于测试的技术编写单元测试。全书内容循......一起来看看《测试驱动开发的艺术》这本书的介绍吧!

码农工具