JavaScript 如何修剪一个字符串的开头或结尾

在处理数据的时候，从字符串中去除不必要的空白是必要的。因此，我们需要在字符串的开头或结尾处进行修剪。

如果我们在数据中保留不必要的空白，会引起一些问题。例如，在存储密码时，如果我们不修剪空白处，当用户试图在另一次登录应用程序时，它可能不匹配。

在本教程中，我们将学习如何在JavaScript中修剪字符串的开头或结尾。

使用trimRight()方法来修剪字符串的结尾

trimRight()方法允许我们删除字符串结尾的空白处。

语法

用户可以按照下面的语法来使用trimRight()方法来修剪字符串的结尾。

let result = string1.trimRight();

在上面的语法中，string1是要从末尾修剪的字符串，我们将最终的字符串存储在结果变量中。

例子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();

在上面的语法中，我们对pass1字符串使用了trimLeft()方法。

例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是一个字符串，在字符串的开头和结尾都含有空格。

例三

在下面的例子中，我们允许用户在提示框中输入带有空格的字符串。之后，我们使用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>