如何在 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() 方法来修剪字符串的两端。