JavaScript Retirar o primeiro caractere da string

Kirill Ibrahim 30 janeiro 2023
  1. JavaScript substring() Método para remover o primeiro caracter de uma string
  2. JavaScript slice() Método para remover o primeiro caractere da String
  3. JavaScript replace() Método para remover o primeiro caractere da string
JavaScript Retirar o primeiro caractere da string

O JavaScript tem diferentes métodos para remover o primeiro carácter de uma string. Uma vez que as strings são imutáveis em JavaScript, a ideia é criar uma nova string. Cada método abaixo terá um exemplo de código, que pode ser executado na sua máquina.

JavaScript substring() Método para remover o primeiro caracter de uma string

A função substring() é uma função integrada em JavaScript. Retorna uma string nova desde o índice inicial até ao índice final de uma determinada string.

Sintaxe da substring

substring(startIndex, endIndex)

O startIndex é obrigatório, e o endIndex é opcional. Se endIndex não for especificado, substring() selecciona todos os caracteres do startIndex até ao fim da string.

Exemplo:

<!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>

Ao passar 1 como parâmetro, a função devolverá tudo a partir do índice 1 e em diante.

JavaScript slice() Método para remover o primeiro caractere da String

O método slice() extrai a parte da string e devolve essa parte numa nova string.

Sintaxe do slice() Método

slice(startIndex, endIndex)

O startIndex é obrigatório, e o endIndex é opcional. Se endIndex não for especificado, slice() selecciona todos os caracteres do startIndex até ao fim da string.

Exemplo:

<!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 remover o primeiro caractere da string

O método replace() é utilizado para substituir uma parte de uma string por uma nova string de substituição.

Sintaxe do método replace

replace(paramA, paramB)

O paramA é uma string especificada ou expressão regular de uma parte da string dada que queremos substituir por um novo valor, o paramB é um novo valor. Ambos são necessários.

Aqui, utilizamos replace(/^./, "") para remover o primeiro caractere porque /^./ significa o primeiro caractere e "" é a string vazia.

Exemplo:

<!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>

Artigo relacionado - JavaScript String