使用 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 查詢換行符。希望這能幫助大家澄清如何查詢換行符。