替換 Javascript

| | | | | | | | | | | | | | |

replace () 函數用於替換 JavaScript 字符串中的文本。 replace () 函數有兩個參數,要替換的子字符串和將取代它的新字符串。正則表達式 (p) 也可用於替換字符串中的文本。

替換字符串中的文本是任何編程語言中的常見操作。例如,您可能希望從字符串中刪除一些符號以確保您的程序正常運行。

無論是什麼原因,知道如何替換 JavaScript 字符串 很有用。

在本指南中,我們將了解 replace () JavaScript 字符串函數並探索它是如何實現的用於修改文本。

JavaScript Replace () 語法

JavaScript replace() 方法在字符串中搜索模式或正則表達式。如果在字符串中找到這樣的模式,則將其替換為指定值。 replace() 返回一個新字符串。原字符串沒有改變。

replace()方法有兩個參數:

  • 搜索replace()的模式或正則表達式;和
  • 應該替換第一個參數中指定的模式的任何實例的字符串。

讓我們看看這個語法:

我們的第一個參數“Pi”是我們想要替換其內容的模式。第二個參數“P”是我們要替換模板的文本。所以我們的代碼將“Pi”替換為“P”。

我們的代碼在 JavaScript 控制台。我們的輸出是一個新字符串,因為字符串不能在 JavaScript 中編輯。它們是不可變的。

replace() 方法被添加到我們鏈的末尾。您無需指定要從中替換值的字符串。只有您要查找的模式和應該替換該模式實例的文本是可接受的參數。

replace() JavaScript 例子

例如,假設你要替換有趣的單詞 by intriguing 在一個字符串中。你會怎麼做?我們可以使用 replace() 方法:

我們的代碼返回一個新的字符串,如下:

在第一行,我們聲明了一個名為 ourInterestingString JavaScript 變量。這個變量包含值這個字符串很有趣。在下一行,我們使用 JavaScript string replace () 方法將單詞 interesting 替換為 interesting

我們可以看到我們頻道中的“interesting”一詞已更改為“intriguing”。

JavaScript 替換多個子字符串

如果我們要替換字符串的多個部分,我們可以通過連接我們的 replace () 函數來做到這一點。鏈接意味著我們將幾個 replace () 語句一個接一個地放置。下面是一個例子:

我們的代碼返回如下:

我們的代碼替換了所有出現的單詞"This "string " 和"interesting ",分別用"Our ‚","code ‚","amazing! ‚", 字樣。然後使用 replace () 函數將字符串中的三個單詞替換為另外三個單詞。

使用正則表達式的 JavaScript 字符串替換 ()

正則表達式< /em> 或 regex (p) 定義了一種搜索模式。當嘗試查找或替換字符串中的字符時,使用正則表達式會很有幫助。正則表達式對象讓我們可以更好地控制 < em>replace()函數,它可以讓我們做更多有趣的替換。

下面是一個使用正則表達式替換字母的例子em>f:

我們的代碼輸出如下:

我們的代碼首先聲明了變量ourInterestingString,並為其賦值這個字符串很有趣。接下來,我們的代碼將整個字符串中的每個 e 替換為字母 f 並且函數返回我們的新字符串。

我們使用正則表達式 / 和 /g / 來執行此操作。此模式將替換任何 and 出現在整個字符串中(這是 g 的含義)。

如果您想了解更多關於正則表達式的信息,請查看 Regexr,讓你輕鬆嘗試不同的表達方式。

總結

JavaScript replace function () 允許將字符串的一部分替換為另一個字符串並返回新修改的字符串 Regex () 函數允許我們執行相同的東西,但有更多的控制。

在本教程中,我們已經解釋瞭如何使用 replace () JavaScript 函數,我們已經解釋瞭如何使用 read 正則表達式來執行更多的 adv字符串上的高級替換函數。

要了解有關如何使用 JavaScript 編程語言編寫代碼的更多信息,請閱讀我們的指南 如何學習 JavaScript .