如何计算字符串中的字符串出现？-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要统计字符串中某个子串出现的次数。这种需求在文本编辑、搜索引擎等领域都是非常常见的。下面介绍几种实现方式。

方法一：正则表达式

正则表达式是一种强大的文本匹配工具，可以用来匹配特定的字符串。如果要计算某个子串出现的次数，可以使用正则表达式的 match() 方法。该方法返回一个数组，包含所有匹配到的子串。

const str = 'hello world, hello javascript';
const subStr = 'hello';
const regExp = new RegExp(subStr, 'g');
const result = str.match(regExp);

console.log(result.length); // 输出 2

上述代码中，RegExp 对象表示创建了一个全局匹配模式，match() 方法则返回了一个数组，其中包含了两个匹配项，表示 subStr 在 str 中出现了 2 次。

方法二：循环计数

另一种实现方式是通过循环遍历字符串，逐个字符比较来计算子串出现的次数。

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

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

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

上述代码中，countSubStr() 函数通过循环遍历字符串中的每个字符，将其与子串进行比较。如果匹配到了子串，则计数器 count 加 1。

方法三：利用 ES6 新特性

ES6 中新增了许多字符串处理方法，其中包括了一些可以方便地统计字符串中某个子串出现次数的方法。

const str = 'hello world, hello javascript';
const subStr = 'hello';
const result = (str.match(new RegExp(subStr, 'g')) || []).length;

console.log(result); // 输出 2

上述代码中，使用了 match()方法来获取所有匹配项，并利用数组长度来计算子串出现次数。需要注意的是，如果没有匹配到任何内容，match() 方法会返回 null，因此需要在结果前加上 || [] 来确保结果正确。

总结

以上是计算字符串中子串出现次数的几种实现方式。在实际开发中，应该根据具体情况选择合适的方法。正则表达式是一种强大的文本匹配工具，但对于初学者来说可能不太容易理解。循环计数的方式相对较为简单，但效率可能较低。利用 ES6 新特性实现则既简单又高效，同时可以加深对新特性的理解。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/8329