在前端开发中，我们经常需要统计字符串中某个子串出现的次数。这种需求在文本编辑、搜索引擎等领域都是非常常见的。下面介绍几种实现方式。
方法一：正则表达式
正则表达式是一种强大的文本匹配工具，可以用来匹配特定的字符串。如果要计算某个子串出现的次数，可以使用正则表达式的 match() 方法。该方法返回一个数组，包含所有匹配到的子串。
----- --- - ------ ------ ----- ------------ ----- ------ - -------- ----- ------ - --- -------------- ----- ----- ------ - ------------------ --------------------------- -- -- -
上述代码中，RegExp 对象表示创建了一个全局匹配模式，match() 方法则返回了一个数组，其中包含了两个匹配项，表示 subStr 在 str 中出现了 2 次。
方法二：循环计数
另一种实现方式是通过循环遍历字符串，逐个字符比较来计算子串出现的次数。
-------- ---------------- ------- -
--- ----- - --
--- ---- - - -- - - ----------- ---- -
-- ------------- - - -------------- --- ------- -
--------
-
-
------ ------
-
----- --- - ------ ------ ----- ------------
----- ------ - --------
----- ------ - ---------------- --------
-------------------- -- -- -上述代码中，countSubStr() 函数通过循环遍历字符串中的每个字符，将其与子串进行比较。如果匹配到了子串，则计数器 count 加 1。
方法三：利用 ES6 新特性
ES6 中新增了许多字符串处理方法，其中包括了一些可以方便地统计字符串中某个子串出现次数的方法。
----- --- - ------ ------ ----- ------------ ----- ------ - -------- ----- ------ - -------------- -------------- ----- -- ----------- -------------------- -- -- -
上述代码中，使用了 match()方法来获取所有匹配项，并利用数组长度来计算子串出现次数。需要注意的是，如果没有匹配到任何内容，match() 方法会返回 null，因此需要在结果前加上 || [] 来确保结果正确。
总结
以上是计算字符串中子串出现次数的几种实现方式。在实际开发中，应该根据具体情况选择合适的方法。正则表达式是一种强大的文本匹配工具，但对于初学者来说可能不太容易理解。循环计数的方式相对较为简单，但效率可能较低。利用 ES6 新特性实现则既简单又高效，同时可以加深对新特性的理解。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8329