JavaScript 获取字符串中指定子串第 N 次出现的位置

在深入探讨具体实现之前，先回顾一下 JavaScript 中用于定位字符的常用内置方法：

charAt() 方法用于提取字符串中指定索引位置的单个字符。

调用格式为 strObj.charAt(index)，其中 strObj 代表目标字符串对象，index 为指定的字符索引，注意索引值从 0 开始计数。

strObj.charAt(index)

其语法结构为 stringObject.indexOf(searchvalue, fromindex)。这里 stringObject 是源字符串，searchvalue 是要查找的子串，而可选参数 fromindex 用于指定搜索的起始位置；若省略该参数，则默认从索引 0 处开始匹配。

stringObject.indexOf(searchvalue,fromindex)

具体示例如下：

var str='helloworld';
var num=str.indexOf('o');//返回4

核心实现

我们需要实现一个功能，即找出某个子字符串在源字符串中第 N 次出现时的具体索引位置。

以字符串 'helloworld' 为例，若需定位第二个字符 'o' 所在的位置，常规方法难以直接满足，需借助逻辑处理。

下面提供一段 JavaScript 代码，该函数接收三个参数：源字符串、待查找的子串以及目标出现的次数（第几次）。

function find(str,cha,num){
 var x=str.indexOf(cha);
 for(var i=0;i<num;i++){
  x=str.indexOf(cha,x+1);
 }
 return x;
 }

调用该函数的示例代码如下：

ar str="Hello World!"
document.write(find(str,'o',1));//返回7

基本的用法就是这样了，对于一个字符串中相同字符多的字符串，只需要把相应的2换成你想要查找的n值就可以了

例如，在实际开发中，可能需要获取当前页面 URL 地址中第 N 个斜杠 '/' 出现的索引位置。

此时可直接复用上述封装好的查找方法。

ar str=document.URL;//获取当前页面的完整路径信息
document.write(find(str,'/',n));

至此，关于在 JavaScript 中获取字符串指定子串第 N 次出现位置的解决方案已介绍完毕。如需了解更多相关 JS 字符串处理技巧，欢迎查阅本站往期文章或继续浏览后续内容，感谢大家的支持！