Javascript trimStart、trimLeft实例讲解

发布时间:2025-12-09 12:02:00 浏览次数:1

JavaScript中的trimStart()方法用于从字符串开头删除空格。不会以任何方式修改字符串的值,包括在字符串之后出现的任何空格。

用法:

string.trimStart()

返回值:它返回从开头删除所有空白的最终字符串。


例:本示例实现trimStart()方法。

<!DOCTYPE html> <html>   <head>     <title>         JavaScript trimStart() method     </title> </head>   <body>     <h1 style="color:green">         GeeksforGeeks     </h1>           <b>         JavaScript | trimStart() method     </b>           <pre>Output for " GeeksforGeeks  ":<span                ></span>     </pre>           <pre>Output for "Hello There! ":<span                ></span>     </pre>           <button onclick="trimString()">         Trim Start     </button>           <script type="text/javascript">         function trimString() {             str1 = " GeeksforGeeks   ";             str2 = "Hello There! ";                   trimmed_out = str1.trimStart();             trimmed_out2 = str2.trimStart();                   document.querySelector('.output')                 .textContent = '"' + trimmed_out + '"';                       document.querySelector('.output_2')                 .textContent = '"' + trimmed_out2 + '"';         }     </script> </body>   </html>

输出:

  • 在单击按钮之前:
  • 单击按钮后:

trimLeft()别名:trimStart()方法的别名为trimLeft()方法。它执行与trimStart()方法完全相同的函数。

用法:

string.trimLeft()

返回值:它返回从开头删除所有空白的最终字符串。

例:本示例实现trimLeft()方法。

<!DOCTYPE html> <html>   <head>     <title>         JavaScript | trimLeft() method     </title> </head> <body>     <h1 style="color:green">         GeeksforGeeks     </h1>           <b>         JavaScript | trimLeft() method     </b>           <pre>Output for " GeeksforGeeks  ":<span            ></span>     </pre>           <pre>Output for "Portal ":<span            ></span>     </pre>           <button onclick="trimString()">         Trim Left     </button>           <script type="text/javascript">         function trimString() {             str1 = " GeeksforGeeks   ";             str2 = "Portal ";                       trimmed_out = str1.trimLeft();             trimmed_out2 = str2.trimLeft();                       document.querySelector('.output')                 .textContent = '"'                 + trimmed_out + '"';             document.querySelector('.output_2')                 .textContent = '"'                  + trimmed_out2 + '"';         }     </script> </body>   </html>

输出:

  • 在单击按钮之前:
  • 单击按钮后:

支持的浏览器:下面列出了trimStart()方法支持的浏览器:

  • 谷歌浏览器60
  • Firefox 61
  • 边12
  • Safari 12
  • Opera 53


trimleft
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477