Javascript trimStart()、trimLeft()实例讲解

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
                class="output"></span> 
    </pre> 
      
    <pre>Output for "Hello There! ":<span
                class="output_2"></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
            class="output"></span> 
    </pre> 
      
    <pre>Output for "Portal ":<span
            class="output_2"></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