首页 > web前端 > js教程 > 如何在 JavaScript 中修剪字符串的开头或结尾?

如何在 JavaScript 中修剪字符串的开头或结尾?

WBOY
发布: 2023-08-29 13:57:02
转载
1124 人浏览过

如何在 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 是一个在字符串的开头和结尾处包含空格的字符串。

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

以上是如何在 JavaScript 中修剪字符串的开头或结尾?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板