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:
- slice(start, end)
- substring(start, end)
- substr(start, length)
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:
- charAt(position)
- charCodeAt(position)
- Acesso à propriedade []
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.
Fonte: w3schools