Métodos de string JavaScript
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 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 de String
Existem 3 métodos para extrair uma parte de uma string:
slice(start, end)
substring(start, end)
substr(start, length)
Fatia de string JavaScript()
slice()
extrai uma parte de uma string e retorna a parte extraída em uma nova string.
O método tem 2 parâmetros: a posição inicial e a posição final (final não incluído).
Este exemplo corta uma parte de uma string da posição 7 para a 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);
JavaScript String substring()
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);
Substituindo o 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 letras maiúsculas) não funcionará:
Exemplo
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
Para substituir maiúsculas e 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
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 JavaScript .
Convertendo para Maiúsculas e Minúsculas
Uma string é convertida para maiúscula com toUpperCase()
:
Uma string é convertida em letras minúsculas com toLowerCase()
:
String JavaScript paraUpperCase()
Exemplo
let text1 = "Hello World!";
let text2 = text1.toUpperCase();
String JavaScript paraLowerCase()
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 de mais. Essas duas linhas fazem o mesmo:
Exemplo
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
Observaçã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.
JavaScript String trim()
O trim()
método remove espaços em branco de ambos os lados de uma string:
Exemplo
let text1 = " Hello World! ";
let text2 = text1.trim();
Preenchimento de String JavaScript
O ECMAScript 2017 adicionou dois métodos String: padStart
e padEnd
para dar suporte ao preenchimento no início e no final de uma string.
JavaScript String padStart()
Exemplo
let text = "5";
let padded = text.padStart(4,0);
Suporte ao navegador
padStart()
é um recurso ECMAScript 2017.
É suportado em todos os navegadores modernos:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padStart()
não é compatível com o Internet Explorer.
JavaScript String padEnd()
Exemplo
let text = "5";
let padded = text.padEnd(4,0);
Suporte ao navegador
padEnd()
é um recurso ECMAScript 2017.
É suportado em todos os navegadores modernos:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padEnd()
não é compatível com o Internet Explorer.
Extraindo 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);
String JavaScript 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 inteiro entre 0 e 65535).
Exemplo
let text = "HELLO WORLD";
let char = text.charCodeAt(0);
Acesso à propriedade
ECMAScript 5 (2009) permite acesso à propriedade [ ] em strings:
Exemplo
let text = "HELLO WORLD";
let char = text[0];
Observação
O acesso à propriedade pode ser um pouco imprevisível:
- Faz strings parecerem arrays (mas não são)
- If no character is found, [ ] returns undefined, while charAt() returns an empty string.
- It is read only. str[0] = "A" gives no error (but does not work!)
Example
let text = "HELLO WORLD";
text[0] = "A"; // Gives no error, but does not work
Converting a String to an Array
If you want to work with a string as an array, you can convert it to an array.
JavaScript String split()
A string can be converted to an array with the split()
method:
Example
text.split(",") // Split on commas
text.split(" ") // Split on spaces
text.split("|") // Split on pipe
If the separator is omitted, the returned array will contain the whole string in index [0].
If the separator is "", the returned array will be an array of single characters:
Example
text.split("")
Complete String Reference
For a complete String reference, go to our:
Complete JavaScript String Reference.
The reference contains descriptions and examples of all string properties and methods.