极客笔记js包含字符串判断
在日常的开发工作中，经常会涉及到对字符串进行判断的需求。JavaScript作为一种常用的前端开发语言，提供了丰富的字符串处理函数和方法，可以方便地进行字符串包含判断。本文将详细介绍如何在JavaScript中判断一个字符串是否包含另一个字符串。
includes方法
JavaScript中的字符串对象提供了includes方法，用于判断一个字符串是否包含另一个字符串。该方法返回一个布尔值，表示被搜索的字符串是否在原始字符串中。
语法
str.includes(searchString, position)
str：要在其中搜索的字符串searchString：要搜索的字符串position（可选）：搜索的起始位置，默认为0
示例
const str = 'Hello, world!';
console.log(str.includes('Hello')); // true
console.log(str.includes('World')); // false
在上面的示例中，字符串'Hello, world!'包含子字符串'Hello'，所以第一个console.log输出true。但是不包含'World'，所以第二个console.log输出false。
不区分大小写
includes方法区分大小写，如果需要不区分大小写地进行字符串包含判断，可以先将原始字符串和搜索字符串都转换为小写或大写。
const str = 'Hello, world!';
console.log(str.toLowerCase().includes('hello')); // true
console.log(str.toUpperCase().includes('WORLD')); // true
indexOf方法
除了includes方法外，JavaScript中的字符串对象还提供了indexOf方法，用于获取子字符串第一次出现的位置。如果子字符串不存在，则返回-1。
语法
str.indexOf(searchValue, fromIndex)
str：要在其中搜索的字符串searchValue：要搜索的字符串fromIndex（可选）：搜索的起始位置，默认为0
示例
const str = 'Hello, world!';
console.log(str.indexOf('Hello')); // 0
console.log(str.indexOf('world')); // 7
console.log(str.indexOf('JavaScript')); // -1
在上面的示例中，字符串'Hello, world!'中'Hello'第一次出现的位置是0，'world'第一次出现的位置是7，而'JavaScript'不存在，所以返回-1。
不区分大小写
indexOf方法也区分大小写，同样可以先将字符串转换为统一的大小写再进行判断。
正则表达式
除了以上提到的方法外，还可以使用正则表达式进行字符串包含判断。通过构建适当的正则表达式，可以灵活地实现各种需求。
使用正则表达式
const str = 'Hello, world!';
const regex = /Hello/;
console.log(regex.test(str)); // true
const regex2 = /WORLD/i; // 不区分大小写
console.log(regex2.test(str)); // true
const regex3 = /JavaScript/;
console.log(regex3.test(str)); // false
在上面的示例中，通过正则表达式来判断字符串'Hello, world!'是否包含'Hello'、'WORLD'和'JavaScript'，分别输出了对应的结果。
使用动态正则
如果需要动态构建正则表达式进行包含判断，可以使用RegExp构造函数。
const str = 'Hello, world!';
const keyword = 'Hello';
const regex = new RegExp(keyword);
console.log(regex.test(str)); // true
substr和substring方法
除了以上方法外，JavaScript中的字符串对象还提供了substr和substring方法，用于截取子字符串。通过截取子字符串，可以判断一个字符串是否包含另一个字符串。
substr方法
const str = 'Hello, world!';
const sub = str.substr(0, 5); // 从索引0开始，截取长度为5的子字符串
console.log(sub); // 'Hello'
console.log(sub === 'Hello'); // true
substring方法
const str = 'Hello, world!';
const sub = str.substring(0, 5); // 从索引0到索引4（不包含5）的子字符串
console.log(sub); // 'Hello'
console.log(sub === 'Hello'); // true
包含判断应用场景
字符串包含判断在实际开发中应用广泛，例如：
- 实现搜索功能：用户输入关键词，判断关键词是否在文本中出现。
- 过滤敏感词：判断文本中是否包含敏感词。
- 表单验证：判断用户输入的内容是否符合格式要求。
- URL跳转：根据不同的关键词，跳转到不同的页面。
总结
本文详细介绍了在JavaScript中判断一个字符串是否包含另一个字符串的多种方法，包括includes、indexOf、正则表达式、substr和substring。通过灵活使用这些方法，可以轻松实现字符串包含判断的需求。在实际开发中，根据具体的情况选择合适的方法，可以提高代码的效率和可读性。