Ao lidar com dados em massa em JavaScript, pode ser necessário extrair os dados com base em um atributo específico. Por exemplo, classificar os dados com base no nome real/sobrenome ou extrair uma parte dos dados. Em tais situações, os métodos substr() e substring() ajudam a acessar os dados necessários convenientemente por meio de indexação.
Este artigo irá esclarecer as diferenças entre os “ substr() ' e ' substring() ” métodos em JavaScript.
O que é o método substr () em JavaScript?
O ' substr() ” método retorna o número especificado de caracteres do índice específico na string fornecida. Este método executa a extração do primeiro parâmetro definido para o comprimento especificado como seu segundo parâmetro.
Sintaxe
fragmento. substr ( início, comprimento )
Na sintaxe acima:
- “ começar ” refere-se à posição de onde iniciar a extração.
- “ comprimento ” corresponde ao número de caracteres que precisam ser extraídos.
O que é o método substring () em JavaScript?
O ' substring() ” busca os caracteres de string entre dois índices especificados e retorna uma nova string. Este método específico extrai os caracteres entre os parâmetros iniciais e finais (excluindo) que se referem aos índices.
Sintaxe
fragmento. substring ( inicio fim )
Nesta sintaxe:
- “ começar ” refere-se à posição de onde iniciar a extração.
- “ fim ” indica a posição onde a extração precisa terminar, excluindo-a.
Principais diferenças entre substr () e substring () em JavaScript
Aqui está a tabela que compreende as principais diferenças entre substr() e substring() em JavaScript:
substr() | substring() |
É utilizado para extrair uma parte da string. | É utilizado para extrair a substring especificada dentro de uma string. |
Seus parâmetros referem-se ao índice inicial e ao comprimento até o qual os caracteres precisam ser extraídos, respectivamente. | Seus parâmetros apontam para as posições inicial e final da substring que precisam ser extraídas, excluindo o índice final. |
Ele lida com os índices negativos | Ele não pode lidar com índices negativos. |
Vamos analisar a diferença entre os dois métodos com a ajuda de exemplos:
Exemplo 1: verificando substr() e substring() em índices positivos
Neste exemplo, a diferença entre os dois métodos será analisada com base nos índices positivos especificados como parâmetros:
< tipo de script = 'texto/javascript' >vamos pegar = 'JavaScript' ;
console. registro ( 'O valor substr torna-se:' , pegue. substr ( 1 , 2 ) ) ;
console. registro ( 'O valor da substring se torna:' , pegue. substring ( 1 , 2 ) ) ;
roteiro >
No trecho de código acima:
- Inicialize um valor de string, conforme indicado.
- Depois disso, associe o “ substr() ” com o valor declarado na etapa anterior com os parâmetros declarados.
- Os parâmetros adicionados indicam que a partir do índice “ 1 ” em diante, dois valores serão extraídos.
- Da mesma forma, associe o “ substring() ” com o valor de string inicializado com os mesmos parâmetros.
- Este método específico extrairá os caracteres de string entre os parâmetros declarados.
- É tal que o valor no índice “ 1 ” será buscado, ignorando assim o último índice especificado “ 2 ”.
Saída
Na saída acima, a diferença na saída de ambos os métodos pode ser observada de acordo com a explicação.
Exemplo 2: verificando substr() e substring() em índices negativos
Neste exemplo particular, a diferença em ambos os métodos será observada nos índices negativos:
< tipo de script = 'texto/javascript' >vamos pegar = 'JavaScript' ;
console. registro ( 'O valor substr torna-se:' ,pegue. substr ( - 3 , 3 ) ) ;
console. registro ( 'O valor da substring se torna:' ,pegue. substring ( - 3 , 3 ) ) ;
console. registro ( 'O valor da substring se torna:' ,pegue. substring ( 0 , 3 ) ) ;
roteiro >
Aplique as seguintes etapas, conforme fornecidas nas linhas de código acima:
- Da mesma forma, inicialize o valor de string declarado.
- Na próxima etapa, da mesma forma, aplique o “ substr() ” método com um índice negativo de “ -3 ” como seu primeiro parâmetro e “ 3 ” como seu segundo parâmetro.
- O primeiro parâmetro, “ -3 ”, aponta para o caractere de string no terceiro índice a partir do último, ou seja, “ eu ”.
- O segundo parâmetro resultará na extração de três caracteres de “ eu ” em diante.
- Agora, da mesma forma, associe o “ substring() ” com o valor de string declarado.
- Este método específico tratará o índice negativo “ -3 ” como o primeiro índice. As duas últimas linhas de código referentes a “ -3 ' e ' 0 ” como índices iniciais, respectivamente, darão o mesmo resultado.
Saída
Os dois últimos resultados significam que o “ substring() ” método não facilita os índices negativos e, portanto, a diferença em ambos os métodos é clara.
Conclusão
O ' substr() ” método extrai os caracteres de string do índice definido até o comprimento especificado, e o método “ substring() ” busca os caracteres entre os índices definidos. O primeiro método tem uma vantagem sobre o último, pois também lida com os caracteres do final. Este artigo estabeleceu as diferenças entre os métodos substr() e substring() com a ajuda de exemplos em JavaScript.