Métodos Strings JS

Os métodos de string ajudam você a trabalhar com strings.

Métodos e propriedades de string

Valores primitivos, como "John Doe", não podem ter propriedades ou métodos (porque não são objetos).

Mas com JavaScript, métodos e propriedades também estão disponíveis para valores primitivos, porque JavaScript trata os valores primitivos como objetos ao executar métodos e propriedades.

Comprimento da string JavaScript

A length propriedade retorna o comprimento de uma string:

Exemplo:


    let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    let length = txt.length;      
    

Extraindo partes da corda

Existem 3 métodos para extrair uma arte de uma string:

Fatia de string de JavaScript ()

slice() extrai uma parte de uma string e retorna a parte extraída em uma nova string.

O método leva 2 parâmetros: a posição inicial e a posição final (final não incluído).

Este exemplo corta uma parte de uma corda da posição 7 à posição 12 (13-1):

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.slice(7, 13);      
    

Observação

JavaScript conta posições a partir de zero.

A primeira posição é 0.

A segunda posição é 1.

Se um parâmetro for negativo, a posição é contada a partir do final da string.

Este exemplo corta uma parte de uma string da posição -12 para a posição -6:

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.slice(-12, -6);
    

Se você omitir o segundo parâmetro, o método cortará o resto da string:

Exemplo:


    let part = str.slice(7);  
    

ou, contando a partir do final:

Exemplo:


    let part = str.slice(-12);  
    

Substring de string de JavaScript ()

substring() é semelhante a slice().

A diferença é que substring() não aceita índices negativos.

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.substring(7, 13);
    

Se você omitir o segundo parâmetro, substring() cortará o resto da string.

JavaScript String substr ()

substr() é semelhante a slice().

A diferença é que o segundo parâmetro especifica o comprimento da parte extraída.

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.substr(7, 6);
    

Se você omitir o segundo parâmetro, substr() cortará o resto da string.

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.substr(7);
    

Se o primeiro parâmetro for negativo, a posição conta a partir do final da string.

Exemplo:


    let str = "Apple, Banana, Kiwi";
    let part = str.substr(-4);  
    

Substituição do conteúdo da string

O replace() método substitui um valor especificado por outro valor em uma string:

Exemplo:


    let text = "Please visit Microsoft!";
    let newText = text.replace("Microsoft", "W3Schools");  
    

Observação

O replace() método não altera a string em que é chamado.

O replace() método retorna uma nova string.

Por padrão, o replace() método substitui apenas a primeira correspondência:

Exemplo:


    let text = "Please visit Microsoft and Microsoft!";
    let newText = text.replace("Microsoft", "W3Schools");      
    

Por padrão, o replace() método diferencia maiúsculas de minúsculas. Escrever MICROSOFT (com maiúsculas) não funcionará:

Exemplo:


    let text = "Please visit Microsoft!";
    let newText = text.replace("MICROSOFT", "W3Schools");      
    

Para substituir não diferencia maiúsculas de minúsculas, use uma expressão regular com um /i sinalizador (insensível):

Exemplo:


    let text = "Please visit Microsoft!";
    let newText = text.replace(/MICROSOFT/i, "W3Schools");  
    

Observação

As expressões regulares são escritas sem aspas.

Para substituir todas as correspondências, use uma expressão regular com um /g sinalizador (correspondência global):

Exemplo:


    let text = "Please visit Microsoft and Microsoft!";
    let newText = text.replace(/Microsoft/g, "W3Schools");  
    

Observação

Você aprenderá muito mais sobre expressões regulares no capítulo Expressões regulares de JavaScript.

Convertendo para maiúsculas e minúsculas

Uma string é convertida em maiúsculas com toUpperCase():

Uma string é convertida para minúsculas com toLowerCase():

String de JavaScript toUpperCase ()

Exemplo:


    let text1 = "Hello World!";
    let text2 = text1.toUpperCase();          
    

String de JavaScript toLowerCase ()

Exemplo:


    let text1 = "Hello World!";       // String
    let text2 = text1.toLowerCase();  // text2 is text1 converted to lower      
    

JavaScript String concat ()

concat() junta duas ou mais strings:

Exemplo:


    let text1 = "Hello";
    let text2 = "World";
    let text3 = text1.concat(" ", text2);      
    

O concat() método pode ser usado em vez do operador mais. Essas duas linhas fazem o mesmo:

Exemplo:


    text = "Hello" + " " + "World!";
    text = "Hello".concat(" ", "World!");
    

servação

Todos os métodos de string retornam uma nova string. Eles não modificam a string original.

Disse formalmente:

Strings são imutáveis: Strings não podem ser alteradas, apenas substituídas.

Corte de string de JavaScript ()

O trim() método remove os espaços em branco de ambos os lados de uma string:

Exemplo:


    let text1 = "      Hello World!      ";
    let text2 = text1.trim();      
    

Preenchimento de string JavaScript

ECMAScript 2017 adicionou dois métodos String: padStart e padEnd para suportar preenchimento no início e no final de uma string.

JavaScript String padStart ()

Exemplo:


    let text = "5";
    let padded = text.padStart(4,0);      
    

Suporte para navegador

padStart() é um recurso ECMAScript 2017.

É compatível com todos os navegadores modernos:

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Yes Yes Yes Yes Yes

padStart() não é compatível com o Internet Explorer.

String de JavaScript padEnd ()

Exemplo:


    let text = "5";
    let padded = text.padEnd(4,0);      
    

Suporte para navegador

padEnd() é um recurso ECMAScript 2017.

É compatível com todos os navegadores modernos:

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Yes Yes Yes Yes Yes

padEnd() não é compatível com o Internet Explorer.

Extração de caracteres de string

Existem 3 métodos para extrair caracteres de string:

JavaScript String charAt ()

O charAt() método retorna o caractere em um índice especificado (posição) em uma string:

Exemplo:


    let text = "HELLO WORLD";
    let char = text.charAt(0);      
    

JavaScript String charCodeAt ()

O charCodeAt() método retorna o Unicode do caractere em um índice especificado em uma string:

O método retorna um código UTF-16 (um número inteiro entre 0 e 65535).

Exemplo:


    let text = "HELLO WORLD";
    let char = text.charCodeAt(0);      
    

Acesso à Propriedade

ECMAScript 5 (2009) permite acesso de propriedade [] em strings:

Exemplo:


    let text = "HELLO WORLD";
    let char = text[0];  
    

Observação

O acesso à propriedade pode ser um pouco imprevisível:

  • Faz com que as strings pareçam matrizes (mas não são)
  • Se nenhum caractere for encontrado, [] retorna undefined, enquanto charAt () retorna uma string vazia.
  • É somente leitura. str [0] = "A" não dá erro (mas não funciona!)

Exemplo:


    let text = "HELLO WORLD";
    text[0] = "A";    // Gives no error, but does not work      
    

Convertendo uma String em uma Matriz

Se você quiser trabalhar com uma string como uma matriz, poderá convertê-la em uma matriz.

Divisão de string JavaScript ()

Uma string pode ser convertida em uma matriz com o split() método:

Exemplo:


    text.split(",")    // Split on commas
    text.split(" ")    // Split on spaces
    text.split("|")    // Split on pipe      
    

Se o separador for omitido, a matriz retornada conterá toda a string no índice [0].

Se o separador for "", a matriz retornada será uma matriz de caracteres únicos:

Exemplo:


    text.split("")
    

Referência de string completa

Para uma referência completa de String, vá para nosso:

Referência completa de strings de JavaScript.

A referência contém descrições e exemplos de todas as propriedades e métodos de string.