JavaScript quitar el primer carácter de la cadena

Kirill Ibrahim 30 enero 2023
  1. JavaScript substring() Método para eliminar el primer carácter de la cadena
  2. JavaScript slice() Método para eliminar el primer carácter de la cadena
  3. JavaScript replace() Método para eliminar el primer carácter de la cadena
JavaScript quitar el primer carácter de la cadena

JavaScript tiene diferentes métodos para eliminar el primer carácter de una cadena. Ya que las cadenas son inmutables en JavaScript, la idea es crear una nueva cadena. Cada método a continuación tendrá un ejemplo de código, que puede ser ejecutado en su máquina.

JavaScript substring() Método para eliminar el primer carácter de la cadena

La función substring() es una función incorporada en JavaScript. Devuelve una cadena desde el índice de inicio hasta el índice de fin de una cadena dada.

La sintaxis de la substring

substring(startIndex, endIndex)

El startIndex es obligatorio, y el endIndex es opcional. Si no se especifica endIndex, substring selecciona todos los caracteres del startIndex hasta el final de la cadena.

Ejemplo:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar = () => {
             let str1 = "DelftStack";
            let str2 = str1.substr(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body>   

</html>

Al pasar 1 como parámetro, la función devolverá todo desde el índice 1 y en adelante.

JavaScript slice() Método para eliminar el primer carácter de la cadena

El método slice() extrae la parte de la cadena y devuelve esa parte en una nueva cadena.

La sintaxis del método slice()

slice(startIndex, endIndex)

El startIndex es obligatorio, y el endIndex es opcional. Si no se especifica endIndex, slice() selecciona todos los caracteres del startIndex hasta el final de la cadena.

Ejemplo:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar = () => {
             let str1 = "DelftStack";
            let str2 = str1.slice(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body> 
  
</html>

JavaScript replace() Método para eliminar el primer carácter de la cadena

El método replace() se usa para reemplazar una parte de una cadena con una nueva cadena de reemplazo.

Sintaxis del método replace

replace(paramA, paramB)

El paramA es una cadena especificada o una expresión regular de una parte de la cadena dada que queremos reemplazar con un nuevo valor, paramB es un nuevo valor. Ambos son necesarios.

Aquí, usamos replace(/^./, "") para eliminar el primer carácter porque /^./ significa el primer carácter y "" es la cadena vacía.

Ejemplo:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString">DelftStack</p> 
  
    <script>         
        const removeFirstChar = () => {
            let str1 = document.getElementById("displayString").innerHTML;  
            let str2 = str1.replace(/^./, ""); 
            document.getElementById("displayString").innerHTML = str2;
            console.log(str2);     
        }
    </script> 
</body> 
  
</html>

Artículo relacionado - JavaScript String