标题: JavaScript 字符串搜索 [打印本页]

---

作者: vicky.yu    时间: 2022-10-17 09:48     标题: JavaScript 字符串搜索

用于搜索字符串的 JavaScript 方法：

String.indexOf()
String.lastIndexOf()
String.startsWith()
String.endsWith()
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 字符串参考手册。

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

---

欢迎光临 赛捷软件论坛 (http://sagesoft.cn/bbs/)

Powered by Discuz! 7.2