js优雅的统计字符串字符出现次数

题目如下统计一串字符串中每个字符出现的频率
示例字符串

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'

小白写法

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'let result = {};
for (let i = 0; i < str.length; i++) {if (result[str[i]]) {result[str[i]]++;}else {result[str[i]] = 1;}
}
console.log(result);

在这里插入图片描述

但是这种写法明显丑陋不堪,代码量太多了,一点也不像卷狗写的代码
我们可以试着改进一下,使用数组的foreach

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'let result = {};
str.split('').forEach(function (item) {if (result[item]) {result[item]++} else {result[item] = 1}
});
console.log(result);

在这里插入图片描述
如上,虽然这样也能写出来发,但是这种代码都看能得懂,一点也不酷,作为卷狗,就是得写的别人看不懂

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'let result = {};
// 使用reduce统计字符串中每个字符出现的次数
str.split('').reduce((pre, cur) => {if (pre[cur]) {pre[cur]++;} else {pre[cur] = 1;}return pre;
}, result);
console.log(result);

在这里插入图片描述
如上,reduce这个用的人比较少,应该能让一部分看不懂但是还是有风险
所以再加上es6的语法保险一些

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'let result = {};
str.split('').reduce((pre, cur) =>(pre[cur]++ || (pre[cur] = 1), pre), result);
console.log(result);

在这里插入图片描述
不对不对,我都用es6写法了,我还整啥对象?我用map啊,哇,还是一行了耶,性能更好了,看起来更酷了呢

let str = 'asdfasqwerqwrdfafafasdfopasdfopckpasdfassfd'let result = str.split('').reduce((pre, cur) =>pre.set(cur, (pre.get(cur) || 0) + 1), new Map())
console.log(result)