JavaScript中搜索子字符串的方法包括：indexOf()返回首次出现的索引，lastIndexOf()返回最后一次出现的索引，includes()判断是否包含子串并返回布尔值，search()支持正则表达式匹配并返回第一个匹配位置，matchAll()则通过全局正则获取所有匹配项及其位置信息。
JavaScript 中提供了多种方法来搜索字符串中某个子字符串的位置。这些方法能帮助你快速定位字符或子串在原字符串中的索引位置，适用于文本处理、表单验证等场景。
indexOf()：查找首次出现的位置
indexOf() 方法用于查找指定子字符串在原字符串中第一次出现的索引。如果找到，返回对应的索引值；否则返回 -1。
说明：从左往右搜索，区分大小写。 可传入第二个参数，指定开始搜索的位置。
示例：
const str = "hello world";console.log(str.indexOf("l")); // 2console.log(str.indexOf("world")); // 6console.log(str.indexOf("x")); // -1（未找到）console.log(str.indexOf("l", 3)); // 3（从索引3开始找）
lastIndexOf()：查找最后一次出现的位置
lastIndexOf() 方法查找指定子字符串在原字符串中最后一次出现的索引，也是从右往左搜索，但仍返回从左数的索引位置。
说明：搜索方向是从后往前，但索引仍按正常顺序计算。 同样可以传入第二个参数，表示从哪个位置开始向前查找。
示例：
const str = "hello world";console.log(str.lastIndexOf("l")); // 9console.log(str.lastIndexOf("o")); // 7console.log(str.lastIndexOf("l", 8)); // 3（从索引8之前找最后一个"l"）
includes()：判断是否包含某字符串（不返回位置）
虽然 includes() 不返回具体位置，但它常用于判断是否存在某个子串，返回布尔值。
说明：适合做条件判断，比如验证输入内容是否包含关键词。 也支持第二个参数，指定搜索起始位置。
示例：
const str = "hello world";console.log(str.includes("world")); // trueconsole.log(str.includes("bye")); // falseconsole.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 则适合复杂匹配需求。
以上就是js中字符串位置的搜索方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1534639.html
微信扫一扫 
支付宝扫一扫 
![Go语言接口与切片：如何识别和操作[]interface{}](https://cdn.chuangxiangniao.com/www/2025/12/176369856569294-1.jpg?imageMogr2/crop/480x300/gravity/center)
