字符串 includes 和 indexOf 的区别
在JavaScript中，处理字符串时经常需要判断子字符串是否存在于另一个字符串中。includes 和 indexOf 是两种常用的方法，但它们有不同的用途和返回值。以下是对这两种方法的详细比较：
1. includes 方法
语法:
string.includes(searchString, position)参数:
- searchString: 要搜索的子字符串。
- position (可选): 从哪个索引位置开始搜索（默认为0）。
返回值:
- 如果找到子字符串，返回 true；否则返回 false。
特点:
- 返回一个布尔值，适合用于简单的存在性检查。
- 对大小写敏感。
- 可以指定从哪个位置开始搜索。
示例:
let str = "Hello, world!"; console.log(str.includes("world")); // 输出: true console.log(str.includes("World")); // 输出: false（大小写不匹配） console.log(str.includes("o", 5)); // 输出: true（从索引5开始查找）2. indexOf 方法
语法:
string.indexOf(searchValue, fromIndex)参数:
- searchValue: 要搜索的子字符串或字符。
- fromIndex (可选): 从哪个索引位置开始搜索（默认为0）。如果为负值，则从字符串末尾开始计算位置。
返回值:
- 返回子字符串首次出现的索引位置。如果没有找到子字符串，则返回 -1。
特点:
- 返回一个整数索引，可以用于获取子字符串的位置信息。
- 对大小写敏感。
- 可以指定从哪个位置开始搜索，负值表示从字符串末尾向前计算。
示例:
let str = "Hello, world!"; console.log(str.indexOf("world")); // 输出: 7 console.log(str.indexOf("World")); // 输出: -1（大小写不匹配） console.log(str.indexOf("o", 5)); // 输出: 8（从索引5开始查找，第一个'o'的索引是8） console.log(str.indexOf("o", -4)); // 输出: 8（从倒数第四个字符开始查找，即索引8处的'o'）总结
- 使用 includes 时，你关心的是子字符串是否存在，不关心它的具体位置。
- 使用 indexOf 时，你需要知道子字符串的确切位置，或者你想根据返回的索引进行进一步的操作。
选择哪种方法取决于你的具体需求。如果你只需要检查子字符串的存在性，使用 includes 会更直观简洁。如果你需要知道子字符串的具体位置，则应该使用 indexOf。
