JavaScript | Método trimStart() y trimLeft()

El método trimStart() en JavaScript se usa para eliminar los espacios en blanco del comienzo de una string. El valor de la string no se modifica de ninguna manera, incluidos los espacios en blanco presentes después de la string.

Sintaxis:

string.trimStart()

Valor devuelto: Devuelve la string final que se elimina de todos los espacios en blanco al principio.

Ejemplo: Este ejemplo implementa el método 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>

Producción:

  • Antes de hacer clic en el botón:
    trimstart-antes
  • Después de hacer clic en el botón:
    trimstart-después

El alias trimLeft(): El método trimStart() tiene un alias que es el método trimLeft() . Realiza exactamente la misma función que el método trimStart().

Sintaxis:

string.trimLeft()

Valor devuelto: Devuelve la string final que se elimina de todos los espacios en blanco al principio.

Ejemplo: Este ejemplo implementa el método 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>

Producción:

  • Antes de hacer clic en el botón:
    recortar a la izquierda antes
  • Después de hacer clic en el botón:
    recortar a la izquierda después

Navegadores compatibles: los navegadores compatibles con el método trimStart() se enumeran a continuación:

  • Google cromo 60
  • firefox 61
  • Borde 12
  • Safari 12
  • Ópera 53

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *