JavaScript中搜索子字符串的方法包括:indexOf()返回首次出现的索引,lastIndexOf()返回最后一次出现的索引,includes()判断是否包含子串并返回布尔值,search()支持正则表达式匹配并返回第一个匹配位置,matchAll()则通过全局正则获取所有匹配项及其位置信息。

JavaScript 中提供了多种方法来搜索字符串中某个子字符串的位置。这些方法能帮助你快速定位字符或子串在原字符串中的索引位置,适用于文本处理、表单验证等场景。
indexOf():查找首次出现的位置
indexOf() 方法用于查找指定子字符串在原字符串中第一次出现的索引。如果找到,返回对应的索引值;否则返回 -1。
说明:- 从左往右搜索,区分大小写。
- 可传入第二个参数,指定开始搜索的位置。
示例:
const str = "hello world";
console.log(str.indexOf("l")); // 2
console.log(str.indexOf("world")); // 6
console.log(str.indexOf("x")); // -1(未找到)
console.log(str.indexOf("l", 3)); // 3(从索引3开始找)
lastIndexOf():查找最后一次出现的位置
lastIndexOf() 方法查找指定子字符串在原字符串中最后一次出现的索引,也是从右往左搜索,但仍返回从左数的索引位置。
说明:- 搜索方向是从后往前,但索引仍按正常顺序计算。
- 同样可以传入第二个参数,表示从哪个位置开始向前查找。
示例:
const str = "hello world";
console.log(str.lastIndexOf("l")); // 9
console.log(str.lastIndexOf("o")); // 7
console.log(str.lastIndexOf("l", 8)); // 3(从索引8之前找最后一个"l")
includes():判断是否包含某字符串(不返回位置)
虽然 includes() 不返回具体位置,但它常用于判断是否存在某个子串,返回布尔值。
- 适合做条件判断,比如验证输入内容是否包含关键词。
- 也支持第二个参数,指定搜索起始位置。
示例:
const str = "hello world";
console.log(str.includes("world")); // true
console.log(str.includes("bye")); // false
console.log(str.includes("lo", 4)); // true(从索引4开始是否包含"lo")
search():支持正则表达式的搜索
search() 方法使用正则表达式进行匹配,返回第一个匹配项的索引,未找到则返回 -1。
说明:- 不能查找所有匹配项,只能返回第一个位置。
- 适合需要模糊匹配或忽略大小写的场景。
示例:
const str = "Hello World"; console.log(str.search(/world/i)); // 6(i 表示忽略大小写) console.log(str.search(/xyz/)); // -1
match() 与 matchAll():获取匹配详情(含位置)
如果你需要更详细的信息,比如每个匹配项的位置和内容,可以使用 matchAll(),它返回一个迭代器,每个结果都包含匹配文本和 index 属性(即位置)。
-
match()只返回匹配内容,不便于获取位置。 -
matchAll()配合全局正则使用,能拿到所有匹配的位置。
示例:
const str = "abc abc abc";
const regex = /abc/g;
for (const match of str.matchAll(regex)) {
console.log(`找到 "${match[0]}" 在位置 ${match.index}`);
}
// 输出:
// 找到 "abc" 在位置 0
// 找到 "abc" 在位置 4
// 找到 "abc" 在位置 8
基本上就这些常用方法。根据是否需要区分大小写、是否用正则、是否找全部匹配等情况选择合适的方式。indexOf 和 lastIndexOf 最常用,search 和 matchAll 则适合复杂匹配需求。










