手册

目录

字符串搜索

收藏548

阅读599

更新时间2025-08-07

String.indexOf()

indexOf() 方法返回指定文本在字符串中第一次出现(的位置)的索引:

实例

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate")    // 返回 7
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 从零开始计算位置。

0 是字符串中的第一个位置,1 是第二个,2 是第三个 ......

String.lastIndexOf()

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引:

实例

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate")    // 返回 21
运行实例 »

点击 "运行实例" 按钮查看在线实例

如果未找到文本,indexOf()lastIndexOf() 都返回 -1:

实例

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("Bill")    // 返回 -1
运行实例 »

点击 "运行实例" 按钮查看在线实例

这两种方法都接受第二个参数作为搜索的开始位置:

实例

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15)    // 返回 21
运行实例 »

点击 "运行实例" 按钮查看在线实例

lastIndexOf() 方法向后搜索(从末尾到开头),意思是:如果第二个参数是 15,则从位置 15 开始搜索,一直搜索到字符串的开头。

实例

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15)    // 返回 7
运行实例 »

点击 "运行实例" 按钮查看在线实例

String.search()

search() 方法在字符串中搜索指定值并返回匹配的位置:

实例

let str = "Please locate where 'locate' occurs!";
str.search("locate")     // 返回 7
运行实例 »

点击 "运行实例" 按钮查看在线实例

您注意到了吗?

indexOf()search() 这两个方法,相等吗?

它们接受相同的参数,并返回相同的值?

这两种方法并不相等。差别如下:

  • search() 方法不能接受第二个起始位置参数。
  • indexOf() 方法不能采用强大的搜索值(正则表达式)。

您将在后面的章节中学到有关正则表达式的更多内容。

String.match()

match() 方法根据正则表达式在字符串中搜索匹配项,并将匹配项作为 Array 对象返回。

实例 1

在字符串中搜索 "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g)    // 返回数组 [ain,ain,ain]
运行实例 »

点击 "运行实例" 按钮查看在线实例

请在 JS RegExp 一章中学习有关正则表达式的更多内容。

如果正则表达式不包含 g 修饰符(执行全局搜索),match() 方法将只返回字符串中的第一个匹配项。

语法

string.match(regexp)
regexp 必需。需要搜索的值,为正则表达式。
返回: 数组,包含匹配项,每个匹配项对应一个项目,若未找到匹配项,则为 null。

实例 2

对 "ain" 执行不区分大小写的全局搜索:

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi)   // 返回数组 [ain,AIN,ain,ain]
运行实例 »

点击 "运行实例" 按钮查看在线实例

String.includes()

如果字符串包含指定值,includes() 方法返回 true。

实例

let text = "Hello world, welcome to the universe.";
text.includes("world")    // 返回 true
运行实例 »

点击 "运行实例" 按钮查看在线实例

浏览器支持

Internet Explorer 不支持 String.includes()。

Chrome IE Firefox Safari Opera
Chrome 41 Edge 12 Firefox 40 Safari 9 Opera 28
2015 年 3 月 2015 年 7 月 2015 年 8 月 2015 年 10 月 2015 年 3 月

语法

string.includes(searchvalue, start)
searchvalue 必需。需要搜索的字符串。
start 可选。默认为 0. 开始搜索的位置。
返回: 如果字符串包含该值则返回 true,否则返回 false
JS 版本: ES6 (2015)

检查字符串是否包含 "world",从位置 12 开始搜索:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12)    // 返回 false
运行实例 »

点击 "运行实例" 按钮查看在线实例

String.startsWith()

如果字符串以指定值开头,则 startsWith() 方法返回 true,否则返回 false

实例

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello")   // 返回 true
运行实例 »

点击 "运行实例" 按钮查看在线实例

语法

string.startsWith(searchvalue, start)

参数值

参数 描述
searchvalue 必需。需要搜索的值。
start 可选。默认为 0。开始搜索的位置。

实例

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // 返回 false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // 返回 false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // 返回 true
运行实例 »

点击 "运行实例" 按钮查看在线实例

注释:startsWith() 方法区分大小写。

Internet Explorer 不支持 startsWith() 方法。

第一个完全支持的浏览器版本是:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 12 Firefox 17 Safari 9 Opera 28
2015 年 3 月 2015 年 7 月 2015 年 8 月 2015 年 10 月 2015 年 3 月

String.endsWith()

如果字符串以指定值结尾,则 endsWith() 方法返回 true,否则返回 false

实例

检查字符串是否以 "Gates" 结尾:

var text = "Bill Gates";
text.endsWith("Gates")    // 返回 true
运行实例 »

点击 "运行实例" 按钮查看在线实例

语法

string.endsWith(searchvalue, length)

参数值

参数 描述
searchvalue 必需。需要搜索的值。
length 可选。要搜索的长度。

检索以 "world" 结尾的字符串的前 11 个字符:

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11)    // 返回 true
运行实例 »

点击 "运行实例" 按钮查看在线实例

注释:endsWith() 方法区分大小写。

Internet Explorer 不支持 endsWith() 方法。

第一个完全支持该方法的浏览器版本是:

Chrome IE Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
2016 年 5 月 2017 年 4 月 2017 年 6 月 2016 年 9 月 2016 年 6 月

完整字符串参考手册

如需完整参考,请访问我们的完整 JavaScript 字符串参考手册。

该手册包含所有字符串属性和方法的描述和实例。

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号