JS搜索字符串并且定位索引位置的三种原生方法

JS字符串的方法之搜索字符串并且定位索引位置的三种原生方法，分别是用indexOf()、lastIndexOf()和search()三个函数。其中indexOf()和lastIndexOf()函数接收一个参数或两个参数。

搜索字符串并且定位索引位置实例代码，及在线编辑器

<p>indexOf找到子串返回值：<span id='e1'></span></p>
<p>indexOf找不到子串返回值：<span id='e2'></span></p>
<p>lastIndexOf找到子串返回值：<span id='e3'></span></p>
<p>lastIndexOf找不到子串返回值：<span id='e4'></span></p>
<p>indexOf第二个参数表示查找的起始位置：<span id='e5'></span></p>
<p>search找到子串返回值：<span id='e6'></span></p>
<p>search找不到子串返回值：<span id='e7'></span></p>
<script>
  var str = "笨鸟工具，x1y1z1.com";
  document.getElementById("e1").innerHTML = str.indexOf("工具")
  document.getElementById("e2").innerHTML = str.indexOf("2")
  document.getElementById("e3").innerHTML = str.lastIndexOf("1")
  document.getElementById("e4").innerHTML = str.indexOf("3")
  document.getElementById("e5").innerHTML = str.indexOf("1",9)
  document.getElementById("e6").innerHTML = str.search("笨鸟")
  document.getElementById("e7").innerHTML = str.indexOf("5")
  
</script>

查询子串实例代码解析

如上代码，indexOf()函数查找到子串时，返回的是第一个子串所在字符串的第一个字符的索引位置（js的索引的起始位置为0，不是1，如实例中“笨”的索引为0，一次类推，“工”的索引为2，所以查找“工具”时所返回的是“工具”中第一个字符“工”的索引值），lastIndexOf()函数则返回的是最后一个子串的第一个字符所在的位置。当二者都找不到子串的时候，都返回-1，当indexOf和lastIndexOf函数存在第二个参数时，查找的起始位置为第二个参数所提供的索引位置的值。

hot：热门