在任何編程語言中，檢查字符串是否包含子字符串都是常見的任務。

例如，假設您正在構建在線游戲。

您可能需要檢查用戶名是否包含禁止使用的短語，以確保所有用戶名都適合您的游戲。

JavaScript字符串包含

有三種方法可檢查JavaScript字符串是否包含另一個字符或字符序列：

• includes（）
• indexOf（）
• 正則表達式（regex）

在本教程中，我們將討論可以使用這三種方法來檢查JavaScript字符串是否包含另一個字符串的方法。

includes（） 

ES6中引入的JavaScript include（）方法確定字符串是否包含您傳遞給該方法的字符。如果字符串包含某些字符，則該方法將返回“ true”。

如果指定的字符串不包含您要查找的字符，則includes（）將返回“ false”。

includes（）方法的語法為：

string.includes(word);

值“字符串”是指我們將搜索的字符。“單詞”是指我們要查找的字符。

這是一個實際使用includes（）方法的示例：

let example = "Example String!";
let ourSubstring = "Example";
?
if (example.includes(ourSubstring)) {
? ? console.log("The word Example is in the string.");
} else {
? ? console.log("The word Example is not in the string.");
}

我們的代碼返回：字符串中包含示例字。

在前兩行，我們聲明了兩個JavaScript變量。第一個變量是我們要搜索的字符串。第二個是我們要在原始字符串中找到的子字符串。換句話說，我們將搜索第一個變量是否包含第二個變量的內容。

接下來，我們使用if語句評估“ example”變量是否包含“ ourSubstring”變量的內容。

如果“示例”中包含“示例”一詞，則我們的陳述為“真”。這意味著將運行“ if”語句主體中的console.log（）語句。否則，將運行我們的“ else”語句。

• includes（）區(qū)分大小寫，因此，如果我們更改子字符串的大小寫，將返回“ false”。
• includes（）第二個參數
• includes（）方法使您可以指定第二個參數。第二個參數是索引號，includes（）應該從該索引號開始搜索您的子字符串。第一個字符的索引為“ 0”，第二個字符的索引為“ 1”，依此類推。這是因為列表從零開始索引。

讓我們檢查一下單詞“ Example”是否出現在字符串的索引位置7之后：

let example = "Example String!";
let ourSubstring = "Example";
?
if (example.includes(ourSubstring, 7)) {
? ? console.log("The word Example is in the string.");
} else {
? ? console.log("The word Example is not in the string");
}?

includes（）方法返回字符串開始的索引位置。我們的代碼返回“示例單詞不在字符串中。” 盡管我們的字符串中確實包含單詞“ Example”，但該單詞出現在索引值“ 7”之前，該值是“ Example”和“ String！”之間的空格。

indexOf（）

像include（）一樣，JavaScript indexOf（）方法檢查一個字符串是否包含另一個字符串。這兩個函數的輸出不同。

當我們使用include（）方法時，該方法返回一個布爾值：true或false。indexOf（）返回子字符串的起始索引位置?；蛘?，如果字符串不包含子字符串，我們將得到“ -1”。

讓我們看一下該方法的語法：

string.indexOf(word);

就像在我們的include（）示例中一樣，“字符串”指的是我們通過其搜索的值。“單詞”是我們要搜索的短語或字符。

這是JavaScript中indexOf（）的示例：

let example = "Example String!";
let ourSubstring = "Example";
?
if (example.indexOf(ourSubstring) != -1) {
? ? console.log("The word Example is in the string.");
} else {
? ? console.log("The word Example is not in the string.");
}?

我們的代碼返回：字符串中包含示例字。就像在上一個示例中一樣，我們使用了“ if”語句。根據我們的字符串是否包含子字符串，此語句向控制臺顯示一條特定消息。

我們檢查indexOf（）方法是否不返回-1。如果是這樣，則運行“ else”語句。-1表示找不到我們的字符串。否則，將執(zhí)行“ if”語句中的代碼。

像include（）方法一樣，indexOf（）區(qū)分大小寫。如果我們希望搜索從某個索引值開始，則可以使用另一個參數：

let example = "Example String!";
let ourSubstring = "Example";
?
if (example.indexOf(ourSubstring, 7) != -1) {
? ? console.log("The word Example is in the string.");
} else {
? ? console.log("The word Example is not in the string.");
}?

由于找不到從索引值7開始的完全匹配，因此我們的代碼返回-1。

正則表達式

我們還可以利用JavaScript正則表達式（或regex）來檢查字符串是否包含子字符串。正則表達式由于其靈活性而非常有用：您可以對搜索內容和位置進行大量控制。

我們可以使用RegExp.test（）方法檢查字符串是否包含子字符串。

這是一個例子：

let str = "Example String!";?
/Example/.test(str);

我們的代碼返回true。這是因為“ JavaScript”在我們的“示例”字符串中。

正則表達式功能強大。正則表達式的缺點是運行速度會變慢，具體取決于您使用的規(guī)則。添加到正則表達式規(guī)則中的語句越多，搜索所需的時間就越長。

如果您執(zhí)行的是簡單搜索并且不需要高級字符串函數，則使用include（）或indexOf（）可能是一種更好的方法。不建議RegExp.test（）方法用于尚未了解Regex的初學者。

如果您想了解有關正則表達式的更多信息并測試正則表達式，請查看RegExr。

結論

在本教程中，我們討論了JavaScript中字符串的基礎。之后，我們討論了三種檢查字符串是否包含JavaScript中的子字符串的方法：使用include（），indexOf（）和regex。

include（）方法可以說是檢查字符串是否包含子字符串的最常用方法。這是因為方法的名稱是文字。顯然include（）允許您在另一個字符串中搜索一個字符串。

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論