js 字符串计算各字母出现次数

我不是女神ヾ 2022-05-26 09:39 341阅读 1赞

最近，做到这样的一道编程题，这里做个总结分享。

问题是：**使用 JS 编码，完成一个函数，函数功能是输入字符串，计算各字母出现的次数，以对象的形式输出**，例如输入“xyzzyxyz”，得到 `{x: 2, y: 3, z: 3}`。

#### 思路一 ####

--------------------

1.  创建一个目标结果对象（即最后函数返回值，代码中为 `result`）；
2.  循环遍历字符串（传入的参数, `str`），结果对象（`result`）里存在该字母，则次数＋1
3.  若不存在，则以 `{当前字母: 1}` 的形式加到结果对象中。

使用 [reduce()][reduce] 简化代码，思路与上面一致，不过更加优雅：

#### 思路二 ####

--------------------

例：原字符串 “xyzzyxyz”

1.  使用 [split()][split]，将字符串转换为字符串数组：`['x','y','z','z','y','x','y','z']`；
2.  使用 [sort()][sort]，将乱序的字符串数组排序：`['x','x','y','y','y','z','z','z']`；
3.  使用 [join()][join]，将数组组合为字符串：`'xxyyyzzz'`；
4.  使用 [match()][match]，将字符串通过正则，把连续重复字母，分组返回：`['xx'],['yyy'],['zzz']`；
5.  使用 [reduce][]，对数组进行迭代，在回调函数里生成结果函数：`{x: 2, y: 3, z: 3}`

[reduce]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce
[split]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split
[sort]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
[join]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/join
[match]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/match