如何在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();
在上面的语法中,我们使用了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()方法从两端修剪字符串。