JS判断包含

JS判断包含

在JavaScript中，我们经常需要判断一个字符串是否包含另一个字符串。这种判断通常发生在搜索功能，过滤功能或者条件判断等场景。在本文中，我们将探讨几种判断字符串包含的方法，并且给出一些实际的代码示例。

1. indexOf方法

JavaScript中的字符串对象有一个内置的方法叫做indexOf，它可以用来判断一个字符串是否包含另一个字符串。如果目标字符串包含在源字符串中，则返回目标字符串在源字符串中的起始位置；如果不包含，则返回-1。

let sourceStr = "Hello, world!";
let targetStr = "world";

if(sourceStr.indexOf(targetStr) !== -1){
    console.log(`"{sourceStr}" 包含 "{targetStr}"`);
}else{
    console.log(`"{sourceStr}" 不包含 "{targetStr}"`);
}

运行结果：

"Hello, world!" 包含 "world"

2. includes方法

ES6引入了一个新的方法includes来判断一个字符串是否包含另一个字符串，它返回一个布尔值true或false。这个方法更加简洁直观，适合判断字符串是否包含。

let sourceStr = "This is a sample string.";
let targetStr = "sample";

if(sourceStr.includes(targetStr)){
    console.log(`"{sourceStr}" 包含 "{targetStr}"`);
}else{
    console.log(`"{sourceStr}" 不包含 "{targetStr}"`);
}

运行结果：

"This is a sample string." 包含 "sample"

3. 正则表达式

使用正则表达式也可以轻松地判断一个字符串是否包含另一个字符串。我们可以使用RegExp对象来创建一个正则表达式，并使用test方法来判断字符串是否符合给定的正则表达式。

let sourceStr = "Welcome to JavaScript";
let targetStr = "JavaScript";
let regExp = new RegExp(targetStr);

if(regExp.test(sourceStr)){
    console.log(`"{sourceStr}" 包含 "{targetStr}"`);
}else{
    console.log(`"{sourceStr}" 不包含 "{targetStr}"`);
}

运行结果：

"Welcome to JavaScript" 包含 "JavaScript"

4. startsWith和endsWith方法

除了判断字符串是否包含，我们有时候还需要判断字符串是否以某个特定的字符串开始或者结束。ES6引入了startsWith和endsWith方法来实现这个功能。

let sourceStr = "Hello, world!";
let prefix = "Hello";
let postfix = "world!";

if(sourceStr.startsWith(prefix)){
    console.log(`"{sourceStr}" 以 "{prefix}" 开头`);
}else{
    console.log(`"{sourceStr}" 不以 "{prefix}" 开头`);
}

if(sourceStr.endsWith(postfix)){
    console.log(`"{sourceStr}" 以 "{postfix}" 结尾`);
}else{
    console.log(`"{sourceStr}" 不以 "{postfix}" 结尾`);
}

运行结果：

"Hello, world!" 以 "Hello" 开头
"Hello, world!" 以 "world!" 结尾

结论

在JavaScript中判断一个字符串是否包含另一个字符串有多种方法，包括indexOf方法、includes方法、正则表达式以及startsWith和endsWith方法。每种方法都有其优劣势，可以根据具体情况选择合适的方法来实现需求。