JavaScript 中的萬用字元字串比較

  2. 貼士文章
  3. JavaScript 貼士
  4. JavaScript 中的萬用字元字串比較
Tahseen Tauseef 2023年1月30日 2022年5月10日
JavaScript JavaScript String
  1. JavaScript 中的正規表示式
  2. 使用 test() 方法作為 JavaScript 中的 RegExp 物件
  3. 在 JavaScript 中使用 substring() 方法
  4. 在 JavaScript 中使用 substr() 函式
  5. JavaScript 中 substring() 和 substr() 的區別
  6. JavaScript 中的萬用字元字串比較
  7. 在 JavaScript 中使用 escapeRegex 函式
  8. まとめ
JavaScript 中的萬用字元字串比較

這篇文章是關於 JavaScript 的正規表示式，不同的字串方法，以及 JavaScript 中的萬用字元字串比較。這些問題被解決為：

  1. 什麼是 JavaScript 中的正規表示式。
  2. substr 和 substring 如何與正規表示式一起使用。
  3. JavaScript 中如何使用萬用字元方法進行字串比較。

JavaScript 中的正規表示式

正規表示式是由一系列字元組成的搜尋模式。此搜尋模式可以定義你在搜尋文字中的資料時要查詢的內容。

正規表示式可能像單個字元一樣簡單，也可能像複雜模式一樣複雜。所有文字搜尋和文字替換操作都可以使用正規表示式來執行。

/BlocTAK/x;

在程式碼行中，BlocTAK 是用於搜尋的模式，x 是確保搜尋不區分大小寫的修飾符。

使用 test() 方法作為 JavaScript 中的 RegExp 物件

RegExp 表示式方法是 test() 方法。它在字串中查詢模式並根據結果返回 true 或 false。

程式碼 - HTML：

<html>
<body>

<p>Search for "H" in the next paragraph:</p>
<p id="5">Hello World</p>
<p id="data"></p>

</body>
</html>

它也可以使用 <script> 標籤新增到 HTML 的標題中。

程式碼 - JavaScript：

let text = document.getElementById("5").innerHTML;
const pattern = /e/;
document.getElementById("data").innerHTML = pattern.test(text);

執行程式碼。

在 JavaScript 中使用 substring() 方法

函式 substring() 從字串中提取字元並返回兩個索引（位置）之間的子字串。substring() 函式從字串的開頭到結尾刪除字元（不包括在內）。

substring() 方法不會改變原始字串。如果開始大於結束，則切換引數，並且當開始或結束值小於零時，它們被認為是 0。

程式碼 - HTML：

<html>
<body>

<p>substring() extracts a part of a string:</p>
<p id="demo"></p>

</body>
</html>

程式碼 - JavaScript：

let text = "Hello world!";
let result = text.substring(7, 5);

document.getElementById("demo").innerHTML = result;

執行程式碼。

在 JavaScript 中使用 substr() 函式

substr() 函式接受一個字串段並提取它。substr() 函式接受給定數量的字元並返回定義數量的字元。

substr() 不會更改原始字串。使用負開始位置從字串的末尾刪除字元。

程式碼 - HTML：

<html>
<body>

<p>substr() extracts a part of a string:</p>
<p id="data"></p>

</body>
</html>

程式碼 - JavaScript：

let text = "Hello world!";
let result = text.substr(7, 5);

document.getElementById("data").innerHTML = result;

執行程式碼。

JavaScript 中 substring() 和 substr() 的區別

你應該小心不要混淆 substring() 和 substr() 方法，因為它們之間存在細微差別。substring() 有兩個引數，開始和結束索引。

相比之下，substr() 有兩個引數，起始索引和返回字串中包含的字元數。

程式碼：

let text = 'BlocTAK'
console.log(text.substring(2,5)) // => "ocT"
console.log(text.substr(2,3))   // => "ocT"

JavaScript 中的萬用字元字串比較

單個字元，例如星號 (*)，是一個萬用字元，可以讀取為多個文字字元或空字串。它經常用於檔案搜尋，因為它消除了輸入完整名稱的需要。

使用文字和萬用字元模式實現萬用字元模式匹配方法，以檢視萬用字元模式是否與文字匹配。匹配應該一直貫穿文字。

這 ? 和 * 可用於萬用字元模式。

程式碼：

function match(first, second)
{
    if (first.length == 0 && second.length == 0)
        return true;

    if (first.length > 1 && first[0] == '*' &&
        second.length == 0)
        return false;

    if ((first.length > 1 && first[0] == '?') ||
        (first.length != 0 && second.length != 0 &&
        first[0] == second[0]))
        return match(first.substring(1),
                    second.substring(1));

    if (first.length > 0 && first[0] == '*')
        return match(first.substring(1), second) ||
            match(first, second.substring(1));

    return false;
}

function test(first, second)
{
    if (match(first, second))
    document.write("Yes" + "<br>");
    else
    document.write("No" + "<br>");
}

test("He*lo", "Hello"); // Yes
test("He?lo*", "HelloWorld"); // Yes
test("*pqrs", "pqrst"); // No because 't' is not in first
test("abc*bcd", "abcdhghgbcd"); // Yes
test("abc*c?d", "abcd"); // No because second must have 2 instances of 'c'

執行程式碼。

在移至 Pattern and Text 中的下一個字元之前，萬用字元模式存在三種情況。

  1. ? 字元匹配任何單個字元。
  2. * 字元匹配任何字元序列。
  3. 字元不是萬用字元。如果 Text 中的當前字元與 Pattern 中的當前字元匹配，我們將轉到 Pattern 和 Text 中的下一個字元。

上面的程式碼是一個字串匹配的例子，其中給出了一個包含萬用字元的字串，使用前兩種情況。

在 JavaScript 中使用 escapeRegex 函式

使用 escapeRegex 函式轉義正規表示式中具有任何特殊含義的任何字元。

程式碼：

function matchRuleShort(str, rule) {
  var escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
  return new RegExp("^" + rule.split("*").map(escapeRegex).join(".*") + "$").test(str);
}

function matchRuleExpl(str, rule) {

  var escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");

  rule = rule.split("*").map(escapeRegex).join(".*");

  rule = "^" + rule + "$"

  var regex = new RegExp(rule);

  return regex.test(str);
}
alert(
    "1. " + matchRuleShort("bird123", "bird*") + "\n" +
    "2. " + matchRuleShort("123bird", "*bird") + "\n" +
    "3. " + matchRuleShort("123bird123", "*bird*") + "\n" +
    "4. " + matchRuleShort("bird123bird", "bird*bird") + "\n" +
    "5. " + matchRuleShort("123bird123bird123", "*bird*bird*") + "\n" +
    "6. " + matchRuleShort("s[pe]c 3 re$ex 6 cha^rs", "s[pe]c*re$ex*cha^rs") + "\n" +
    "7. " + matchRuleShort("should not match", "should noo*oot match") + "\n"
);

執行程式碼。

escapeRegex 轉義正規表示式中包含任何特殊含義的任何字元，對於任何字串 grep(regexpEscape(string), string)，它始終為 true。

まとめ

在本文中，我們介紹了正規表示式及其物件的概念。然後我們關注字串方法 substr 和 substring 及其區別。

此外，我們在 JavaScript 中將這些字串方法 substr() 和 substring() 與萬用字元方法一起使用。最後，我們在 JavaScript 中使用 regexp 物件 true() 和 regexpEscape 函式使用萬用字元字串比較。

相關文章 - JavaScript String