JavaScript字符串处理:substr、substring、indexOf与lastIndexOf详解

作者:函数茶馆时间:2026-10-27 20:29:58浏览:423

本文详细解析JavaScript中四个常用字符串方法:substr(start, length)按起始位置和长度截取;substring(start, end)截取指定区间(含头不含尾);indexOf查找字符首次出现索引;lastIndexOf反向查找最后一次出现位置。通过具体代码示例展示各方法的参数定义、返回值及实际运行结果,帮助开发者准确掌握字符串处理技巧。

JavaScript字符串处理:substr、substring、indexOf与lastIndexOf详解

本文总结JavaScript中substr、substring、indexOf和lastIndexOf等字符串处理方法的用法。

1. substr substr(start, length) 方法用于从指定的 start 位置开始,截取指定 length 长度的字符串。

var src="images/off_1.png"; alert(src.substr(7,3));

上述代码执行后弹出的值为:off

2. substring substring(start, end) 方法用于截取从 start 到 end 之间的字符串。该截取范围包含 start 位置的字符,但不包含 end 位置的字符。

var src="images/off_1.png"; alert(src.substring(7,10));

上述代码执行后弹出的值为:off

3. indexOf indexOf() 方法返回指定字符串值在原字符串中首次出现的位置,搜索方向为从左向右。如果未找到匹配项,则返回 -1;否则返回首次出现位置的字符下标值。

var src="images/off_1.png"; alert(src.indexOf('t')); alert(src.indexOf('i')); alert(src.indexOf('g'));

上述代码执行后弹出的值依次为:-1, 0, 3

4. lastIndexOf lastIndexOf() 方法返回从右向左搜索时,某个字符或字符串首次出现的索引值(即最后一次出现的位置,与 indexOf 的搜索方向相反)。

var src="images/off_1.png"; alert(src.lastIndexOf('/')); alert(src.lastIndexOf('g'));

上述代码执行后弹出的值依次为:6, 15

作者最新文章