JavaScript indexOf()与lastIndexOf()方法详解及实例

作者:闭包旅人

时间:2026-10-30

浏览:479

本文详细介绍JavaScript中indexOf()和lastIndexOf()两个字符串方法的应用。indexOf()用于查找指定字符串首次出现的位置,lastIndexOf()则从后向前搜索最后一次出现的位置。两者均对大小写敏感,未找到时返回-1。文章通过具体代码实例演示了如何结合charAt()、起始位置参数及循环逻辑进行高效的字符串检索与处理。

文章目录

indexOf()方法基础

indexOf()函数

indexOf() 函数用于查找指定字符串在源字符串中首次出现的索引位置。

注意:indexOf() 函数区分大小写!

注意:若未找到目标字符串,则返回 -1。

结合之前的charAt()函数使用


var str ='www.webclks.com/archives/3309';
for(var i=0; i<str.length; i++){
 if(str.charAt(i)==='/'){
 alert(i);
 }
}

indexOf()方法实例

indexOf()函数


var str ='www.webclks.com/archives/3309';
alert(str.indexOf('/')); // 从第0个开始查
alert(str.indexOf('/',16)); // 从第16个开始查
alert(str.indexOf('x')); // 查不到返回-1;

indexOf()函数示例


var str='专注脚本学习,分享脚本学习资料和学习心得技巧!';
var s='脚本; // 要查询的内容
var i=0; // 从第几个开始查询
/*
for(;str.indexOf(s,i)!=-1;){
 alert(str.indexOf(s,i));
 i=str.indexOf(s,i)+s.length;
}
*/


while(str.indexOf(s,i)!=-1){
 alert(str.indexOf(s,i));
 i=str.indexOf(s,i)+s.length; 
}

lastIndexOf()方法基础

lastIndexOf()函数

lastIndexOf() 函数用于查找指定字符串在源字符串中最后一次出现的索引位置,搜索方向为从后向前。

注意:lastIndexOf() 函数区分大小写!

注意:若未找到目标字符串,则返回 -1。

lastIndexOf()方法实例

lastIndexOf()函数示例


var str='专注Web前端学习,分享Web前端学习资料和学习心得技巧!';
alert(str.indexOf('W',0)); // 从前往后查
alert(str.lastIndexOf('W',24)); // 从后往前查

若第二个参数为负数,则默认视为0处理

总结

以上内容为本文全部,旨在协助学习与工作,如有疑问欢迎留言讨论。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章