统计每个数组元素出现的次数

JavaScript对象遍历技巧：forEach vs reduce实现计数

原创于 2021-10-17 20:40:59 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

学习笔记专栏收录该内容

31 篇文章

订阅专栏

本文对比了JavaScript中数组对象用forEach和reduce两种方法统计元素频率的实例，展示了如何利用这两种不同的编程思维解决计数问题。

const arr = ["b", "c","b", "c","a", "b", "c"]

const obj = {}
// 你的代码 ...

console.log(obj) // ==> {a：1， b: 3, c: 3}

这里我写出了两种方法

第一种方法:forEach代码如下

// 第一种方法(forEach)
        var arr = ['a', 'b', 'c', 'b', 'a', 'f', 'b']
        var obj = {}
        arr.forEach(item => {
            obj[item] ? obj[item]++ : obj[item] = 1;
        })
        console.log(obj);
// 打印结果 {a: 2, b: 3, c: 1, f: 1}

第二种方法: reduce代码如下

// 第二种方法 (reduce)
        var arr = ['a', 'b', 'c', 'b', 'a', 'f', 'b']
        var obj = arr.reduce((obj, item) => {
            obj[item] ? obj[item]++ : obj[item] = 1;
            return obj
        }, {})
        console.log(obj);
// 打印结果: {a: 2, b: 3, c: 1, f: 1}