极客教程JavaScript字符串包含
在JavaScript中，我们经常需要检查一个字符串是否包含另一个字符串。这在处理用户输入、搜索功能等方面非常常见。本文将详细介绍如何在JavaScript中判断一个字符串是否包含另一个字符串。
使用includes()方法
JavaScript提供了includes()方法来判断一个字符串是否包含另一个字符串。这个方法返回一个布尔值，表示被搜索的字符串是否在原字符串中。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
console.log(str.includes(subStr)); // true
Output:
使用indexOf()方法
除了includes()方法外，我们还可以使用indexOf()方法来判断一个字符串是否包含另一个字符串。如果被搜索的字符串在原字符串中存在，则返回它在原字符串中的索引值，否则返回-1。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
console.log(str.indexOf(subStr) !== -1); // true
Output:
使用正则表达式
正则表达式是一种强大的字符串匹配工具，我们也可以使用正则表达式来判断一个字符串是否包含另一个字符串。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
const regex = new RegExp(subStr);
console.log(regex.test(str)); // true
Output:
使用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:
使用match()方法
match()方法可以用来在字符串中搜索指定的值，如果找到匹配项，则返回一个数组。我们可以利用这个方法来判断一个字符串是否包含另一个字符串。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
console.log(str.match(subStr)); // ['geek-docs']
Output:
使用正则表达式的exec()方法
正则表达式的exec()方法用于检索字符串中的正则表达式的匹配。我们可以结合使用正则表达式和exec()方法来判断一个字符串是否包含另一个字符串。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = /geek-docs/;
console.log(subStr.exec(str)); // ['geek-docs']
Output:
使用search()方法
search()方法用于检索字符串中指定的子字符串，如果找到匹配项，则返回匹配的起始位置。我们可以利用这个方法来判断一个字符串是否包含另一个字符串。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = 'geek-docs';
console.log(str.search(subStr) !== -1); // true
Output:
使用正则表达式的test()方法
正则表达式的test()方法用于检测一个字符串是否匹配某个模式。我们可以结合使用正则表达式和test()方法来判断一个字符串是否包含另一个字符串。
示例代码如下：
const str = 'Welcome to geek-docs.com';
const subStr = /geek-docs/;
console.log(subStr.test(str)); // true
Output:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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:
使用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'
Output:
通过以上示例代码，我们详细介绍了在JavaScript中判断一个字符串是否包含另一个字符串的多种方法。无论是使用原生方法还是正则表达式，都可以轻松实现字符串包含的功能。