如何在 JavaScript 中修剪字串的開頭或結尾?


在處理資料時,去除字串中不必要的空格是必要的。因此,我們需要修剪字串的開頭或結尾。

如果我們在資料中保留不必要的空格,可能會導致一些問題。例如,在儲存密碼時,如果我們不修剪空格,當用戶下次嘗試登入應用程式時可能會出現不匹配。

在本教程中,我們將學習如何在 JavaScript 中修剪字串的開頭或結尾。

使用 trimRight() 方法修剪字串的結尾

trimRight() 方法允許我們刪除字串結尾的空格。

語法

使用者可以按照以下語法使用 trimRight() 方法來修剪字串的結尾。

let result = string1.trimRight(); 

在上面的語法中,string1 是要從結尾修剪的字串,我們將最終字串儲存在 result 變數中。

示例 1

在下面的示例中,我們建立了兩個字串,它們在字串的開頭和結尾包含空格。之後,我們使用 trimRight() 方法刪除字串結尾的空格。

<html>
<body>
   <h2>Using the <i> trimRight() </i> method to trim the string from the end in JavaScript.</h2>
   <div id = "output"></div>
   <br>
</body>
<script>
   let output = document.getElementById("output");
   let string1 = " Trim from right! ";
   let string2 = "Trim from the end ! ";
   string1 = string1.trimRight();
   string2 = string2.trimRight();
   output.innerHTML += "The final string1 is *" + string1 + "*. <br>";
   output.innerHTML += "The final string2 is *" + string2 + "*. <br>";
</script>
</html>

使用 trimLeft() 方法修剪字串的開頭

我們可以使用 trimLeft() 方法修剪字串的開頭。

語法

使用者可以按照以下語法使用 trimLeft() 方法刪除字串開頭的空格。

let pass1 = pass1.trimLeft(); 

在上面的語法中,我們使用 trimLeft() 方法處理 pass1 字串。

示例 2

在下面的示例中,我們有兩個密碼字串,它們在開頭包含空格。之後,我們使用 trimLeft() 方法刪除字串開頭的空格。

使用者可以觀察到輸出中字串開頭沒有空格。

<html>
<body>
   <h2>Using the <i> trimLeft() </i> method to trim the string from the start in JavaScript.</h2>
   <div id = "output"></div>
   <br>
</body>
<script>
   let output = document.getElementById("output");
   let pass1 = " abcd@123 "
   let pass2 = " pok.=-E3434";
   pass1 = pass1.trimLeft();
   pass2 = pass2.trimLeft();
   output.innerHTML += "The final string1 is *" + pass1 + "*. <br>";
   output.innerHTML += "The final string2 is *" + pass2 + "*. <br>";
</script>
</html> 

使用 trim() 方法同時修剪字串的左右兩端

字串庫的 trim() 方法允許我們一次性刪除字串開頭和結尾的所有空格,而不是分別使用 trimLeft() 和 trimRight() 方法。

語法

使用者可以按照以下語法使用 trim() 方法修剪字串的開頭或結尾。

str = str.trim();

在上面的語法中,str 是一個在字串開頭和結尾包含空格的字串。

示例 3

在下面的示例中,我們允許使用者在提示框中輸入包含空格的字串。之後,我們使用 trim() 方法刪除空格,並在輸出中顯示最終結果。

<html>
<body>
   <h2>Using the <i> trim </i> method to trim the string from the start in JavaScript.</h2>
   <div id = "output"></div>
   <br>
</body>
<script>
   let output = document.getElementById("output");
   let str = prompt("Enter the string with white spaces at start and end.", " abcd efg ")
   str = str.trim(); 
   output.innerHTML += "The final string1 is *" + str + "*. <br>";
</script>
</html>

我們學習瞭如何使用各種方法修剪字串的開頭和結尾。trimLeft() 方法用於修剪字串的左側,trimRight() 方法用於修剪字串的右側。此外,我們還使用了 trim() 方法來修剪開頭和結尾的空格。

此外,使用者還可以使用 trimStart() 和 trimEnd() 方法來修剪字串的兩端。

更新於:2023年2月16日

3000+ 瀏覽量

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.