JavaScript字符串包含|极客教程

JavaScript字符串包含

在JavaScript中，我们经常需要检查一个字符串是否包含另一个字符串。这在处理用户输入、搜索功能等方面非常常见。本文将详细介绍如何在JavaScript中判断一个字符串是否包含另一个字符串。

使用includes()方法

JavaScript提供了includes()方法来判断一个字符串是否包含另一个字符串。这个方法返回一个布尔值，表示被搜索的字符串是否在原字符串中。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(str.includes(subStr)); // true

Output:

JavaScript字符串包含

使用indexOf()方法

除了includes()方法外，我们还可以使用indexOf()方法来判断一个字符串是否包含另一个字符串。如果被搜索的字符串在原字符串中存在，则返回它在原字符串中的索引值，否则返回-1。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(str.indexOf(subStr) !== -1); // true

Output:

JavaScript字符串包含

使用正则表达式

正则表达式是一种强大的字符串匹配工具，我们也可以使用正则表达式来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
const regex = new RegExp(subStr);

console.log(regex.test(str)); // true

Output:

JavaScript字符串包含

使用startsWith()和endsWith()方法

除了判断一个字符串是否包含另一个字符串，我们还可以使用startsWith()和endsWith()方法来判断一个字符串是否以另一个字符串开头或结尾。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const startStr = 'Welcome';
const endStr = 'com';

console.log(str.startsWith(startStr)); // true
console.log(str.endsWith(endStr)); // true

Output:

JavaScript字符串包含

使用match()方法

match()方法可以用来在字符串中搜索指定的值，如果找到匹配项，则返回一个数组。我们可以利用这个方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(str.match(subStr)); // ['geek-docs']

Output:

JavaScript字符串包含

使用正则表达式的exec()方法

正则表达式的exec()方法用于检索字符串中的正则表达式的匹配。我们可以结合使用正则表达式和exec()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = /geek-docs/;

console.log(subStr.exec(str)); // ['geek-docs']

Output:

JavaScript字符串包含

使用search()方法

search()方法用于检索字符串中指定的子字符串，如果找到匹配项，则返回匹配的起始位置。我们可以利用这个方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(str.search(subStr) !== -1); // true

Output:

JavaScript字符串包含

使用正则表达式的test()方法

正则表达式的test()方法用于检测一个字符串是否匹配某个模式。我们可以结合使用正则表达式和test()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = /geek-docs/;

console.log(subStr.test(str)); // true

Output:

JavaScript字符串包含

使用String.prototype.includes()方法

除了直接调用includes()方法外，我们还可以通过原型链的方式来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.includes.call(str, subStr)); // true

Output:

JavaScript字符串包含

使用String.prototype.indexOf()方法

类似地，我们也可以通过原型链的方式来调用indexOf()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.indexOf.call(str, subStr) !== -1); // true

Output:

JavaScript字符串包含

使用String.prototype.match()方法

通过原型链的方式，我们也可以调用match()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.match.call(str, subStr)); // ['geek-docs']

Output:

JavaScript字符串包含

使用String.prototype.search()方法

同样地，我们可以通过原型链的方式来调用search()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.search.call(str, subStr) !== -1); // true

Output:

JavaScript字符串包含

使用String.prototype.startsWith()和String.prototype.endsWith()方法

通过原型链的方式，我们也可以调用startsWith()和endsWith()方法来判断一个字符串是否以另一个字符串开头或结尾。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const startStr = 'Welcome';
const endStr = 'com';

console.log(String.prototype.startsWith.call(str, startStr)); // true
console.log(String.prototype.endsWith.call(str, endStr)); // true

Output:

JavaScript字符串包含

使用String.prototype.search()方法

通过原型链的方式，我们也可以调用search()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.search.call(str, subStr) !== -1); // true

Output:

JavaScript字符串包含

使用String.prototype.match()方法

通过原型链的方式，我们也可以调用match()方法来判断一个字符串是否包含另一个字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';

console.log(String.prototype.match.call(str, subStr)); // ['geek-docs']

Output:

JavaScript字符串包含

使用String.prototype.replace()方法

通过原型链的方式，我们也可以调用replace()方法来替换字符串中的指定值。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
const newStr = 'geek-docs.org';

console.log(String.prototype.replace.call(str, subStr, newStr)); // 'Welcome to geek-docs.org'

Output:

JavaScript字符串包含

使用String.prototype.split()方法

通过原型链的方式，我们也可以调用split()方法来将字符串分割成子字符串数组。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const subStr = '-';
const arr = String.prototype.split.call(str, subStr);

console.log(arr); // ['Welcome to geek', 'docs.com']

Output:

JavaScript字符串包含

使用String.prototype.slice()方法

通过原型链的方式，我们也可以调用slice()方法来提取字符串的一部分，并返回一个新的字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const start = 11;
const end = 20;

console.log(String.prototype.slice.call(str, start, end)); // 'geek-docs'

Output:

JavaScript字符串包含

使用String.prototype.substring()方法

通过原型链的方式，我们也可以调用substring()方法来提取字符串的一部分，并返回一个新的字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const start = 11;
const end = 20;

console.log(String.prototype.substring.call(str, start, end)); // 'geek-docs'

Output:

JavaScript字符串包含

使用String.prototype.substr()方法

通过原型链的方式，我们也可以调用substr()方法来提取字符串的一部分，并返回一个新的字符串。

示例代码如下：

const str = 'Welcome to geek-docs.com';
const start = 11;
const length = 9;

console.log(String.prototype.substr.call(str, start, length)); // 'geek-docs'