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

相關用法

注：本文由純淨天空篩選整理自sayantanm19大神的英文原創作品 JavaScript | trimStart() and trimLeft() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。