如何在JavaScript中对字符串进行头部或尾部修剪

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

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程