在前端开发中，有时需要在一个字符串中查找另一个字符串出现的位置。这个任务可以使用 JavaScript 字符串方法和正则表达式来实现。本文将详细介绍如何在 JavaScript 中查找另一个字符串中出现的所有字符串的索引，并提供示例代码。
使用 indexOf 方法
JavaScript 中的字符串对象拥有 indexOf 方法，该方法可以用来查找一个字符串中是否存在另一个字符串，并返回匹配子串的第一个字符的位置。我们可以利用这个方法来实现查找所有匹配子串的位置。
下面是一个简单的示例代码：
-- -------------------- ---- ------- ----- --- - ------ ------ ----- ------------- ----- ------ - -------- --- ------- - --- --- ----- - -------------------- ----- ------ -- --- - -------------------- ----- - ------------------- ----- - --- - --------------------- -- --- ---
上述代码先定义了两个变量 str 和 subStr 分别表示包含匹配子串的字符串和要查找的子串。然后创建一个空数组 indices 来存储所有匹配的位置。
接着，我们使用 indexOf 方法来查找第一个匹配位置，并将其添加到 indices 数组中。然后在循环中更新查找的起始位置，以便在字符串中查找下一个匹配位置，直到没有更多匹配为止。
最后，我们可以打印 indices 数组来查看结果。在本例中，输出的结果是 [0, 13]，表示在字符串 str 中，子串 "Hello" 出现的位置分别为第一个字符和第 13 个字符。
使用正则表达式
除了 indexOf 方法之外，我们还可以使用正则表达式来查找匹配子串的位置。正则表达式的 exec 方法可以用于在字符串中查找匹配项，并返回一个数组，其中包含与正则表达式匹配的信息。
下面是一个利用正则表达式来实现查找所有匹配子串位置的示例代码：
-- -------------------- ---- ------- ----- --- - ------ ------ ----- ------------- ----- ------ - --------- --- ------- - --- --- ----- - ----------------- ----- ------ -- ----- - -------------------------- ----- - ----------------- - --------------------- -- --- ---
上述代码定义了两个变量，其中 str 和 subStr 分别表示包含匹配子串的字符串和要查找的正则表达式。然后创建一个空数组 indices 来存储所有匹配的位置。
接着，我们使用正则表达式的 exec 方法来查找第一个匹配位置，并将其添加到 indices 数组中。然后在循环中更新查找的起始位置，以便在字符串中查找下一个匹配位置，直到没有更多匹配为止。
最后，我们可以打印 indices 数组来查看结果。在本例中，输出的结果也是 [0, 13]，表示在字符串 str 中，子串 "Hello" 出现的位置分别为第一个字符和第 13 个字符。
总结
在 JavaScript 中查找另一个字符串中出现的所有字符串的索引有多种方法，包括使用 indexOf 方法和正则表达式。无论使用哪种方法，都要注意更新查找的起始位置，并将所有匹配的位置添加到数组中。希望本文可以帮助您更好地理解 JavaScript 字符串的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13744
