使用 JavaScript RegExp 查詢換行符。


換行符,我們表示為
。它用於換行。ASCII 碼為
是 10,也稱為換行符 (LF)。現在,讓我們看看如何使用 RegExp 查詢換行符。

RegExp 是一個物件,它指定用於對字串執行搜尋和替換操作或用於輸入驗證的模式。RegExp 在 ES1 中引入,並得到所有瀏覽器的完全支援

RegExp
元字元查詢給定文字中第一個換行符出現的索引值。

語法

以下是換行符的語法:

new RegExp("\
") or simply : /
/

/
/,
引入於 ES1。它得到所有瀏覽器的完全支援。例如,Chrome、IE、Safari、Opera、FireFox 和 Edge。

演算法

  • 步驟 1 - 定義一個至少包含一個換行符的字串。
  • 步驟 2 - 為換行符定義 RegExp 模式
  • 步驟 3 - 對上述定義的字串應用 search(pattern) 以查詢換行符的索引。
  • 步驟 4 - 顯示結果,即換行符的索引。

注意,使用上述方法,我們將在給定字串中找到換行符的索引。

示例 1

在下面的程式中,我們使用字串 search(pattern) 來查詢給定字串中的換行符(
)。我們使用 RegExp 作為 /
/。字串 search() 方法返回匹配字元的索引。因此,它返回換行符的索引。

<!DOCTYPE html> <html> <body> <h2>Finding a new line character</h2> <p>The position of newline character is : <span id= "result"></span> </p> <script> let text = "Hello, Devika.
Welcome back."
; let pattern = /
/
; let result = text.search(pattern); document.getElementById("result").innerHTML = result; </script> </body> </html>

如果給定文字中存在換行符,則 search() 方法將返回換行符的索引,否則將返回 -1。

示例 2

在下面的程式中,我們獲取一個沒有換行符的字串,並嘗試在字串中查詢換頁符。看看我們的輸出是什麼樣的。

<!DOCTYPE html> <html> <body> <h2>RegExp
finding</h2> <p id = "result"></p> <script> const text = "Hello, Devika. Welcome back"; const regExp = /
/
; const output = text.search(regExp); if(output == -1) { document.getElementById("result").innerHTML = "No new line character in the text. "; } else { document.getElementById("result").innerHTML = "Index of a new line character: " + output; } </script> </body> </html>

這裡,文字沒有換行符。因此,if 語句將執行並列印文字中沒有換行符。如果文字有
,則 else 將執行並返回的索引
.

示例 3

查詢和替換換行符

我們可以根據需要替換換行符。我們可以看看如何做到這一點。在下面的程式中,我們找到換行符並使用 split() 和 join() 方法將其替換為空格。

<!DOCTYPE html> <html> <body> <h1>Replace new line character</h1> <p>After replacing new line character : <span id= "result"></span> </p> <script> let text = "Hello, Devika.
Welcome back."
; let result = text.split("
"
).join(" "); document.getElementById("result").innerHTML = result; </script> </body> </html>

這裡,我們使用了 split() 和 join() 方法來替換給定文字中的換行符。我們也可以用更簡單的方法,比如

示例 4

在下面的程式中,我們找到換行符並使用 String replace() 方法將其替換為空格。

<!DOCTYPE html> <html> <body> <h1>Replace new line character</h1> <p>After replacing the new line character : <span id= "result"></span> </p> <script> let text = "Hello, Devika.
Welcome back."
; let result = text.replace("
/g"
, " "); document.getElementById("result").innerHTML = result; </script> </body> </html>

我們也可以透過其他方式進行替換。我已經提到了更簡單的方法來進行替換。“g”在上面的程式碼中表示全域性匹配,即查詢所有匹配項,而不是在第一個位置停止。

在 RegExp 中,我們有修飾符,如 g、i、m。i 用於執行不區分大小寫的匹配,m 用於執行多行匹配。

我們已經瞭解瞭如何在 JavaScript 中使用 RegExp 查詢換行符。希望這能幫助大家澄清如何查詢換行符。

更新於:2022-08-26

3K+ 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告