Uma string é um texto: tudo o que fica entre aspas simples, duplas ou crases. Ela vem com vários métodos prontos para limpar, buscar, cortar e transformar o texto.
Strings são imutáveis: nenhum método muda o texto original. Todos devolvem um texto novo, que você guarda numa variável ou usa direto.
Quantas letras um texto tem e como pegar uma letra específica.
lengthDiz quantos caracteres o texto tem, contando espaços e pontuação. É uma propriedade, por isso vai sem parênteses.
texto.lengthconst nome = 'Maria Clara';
console.log(nome.length);
console.log(''.length);11 0
at()Pega o caractere numa posição. A contagem começa em 0, e números negativos contam a partir do fim.
texto.at(posicao)undefined se a posição não existir.const palavra = 'JavaScript';
console.log(palavra.at(0));
console.log(palavra.at(-1));
console.log(palavra[4]);J t S
toUpperCase()Devolve o texto com todas as letras em maiúsculas. Números e símbolos ficam como estão.
texto.toUpperCase()const cidade = 'São Paulo';
console.log(cidade.toUpperCase());
console.log(cidade);SÃO PAULO São Paulo
toLowerCase()Devolve o texto com todas as letras em minúsculas. Muito útil para comparar textos sem se importar com maiúsculas.
texto.toLowerCase()const digitado = 'SIM';
console.log(digitado.toLowerCase());
console.log(digitado.toLowerCase() === 'sim');sim true
Primeira letra maiúsculaNão existe um método pronto, mas dá para combinar at(0), toUpperCase() e slice(1).
texto.at(0).toUpperCase() + texto.slice(1)const nome = 'ana';
const bonito = nome.at(0).toUpperCase() + nome.slice(1);
console.log(bonito);Ana
Nos exemplos, os colchetes só servem para mostrar onde o texto começa e termina.
trim()Remove os espaços (e quebras de linha) do começo e do fim do texto. Os espaços do meio ficam.
texto.trim()const email = ' ana@email.com ';
console.log(`[${email.trim()}]`);
console.log(`[${' bom dia '.trim()}]`);[ana@email.com] [bom dia]
trimStart() e trimEnd()Como o trim(), mas só de um lado: trimStart() limpa o começo e trimEnd() limpa o fim.
texto.trimStart()
texto.trimEnd()const texto = ' olá ';
console.log(`[${texto.trimStart()}]`);
console.log(`[${texto.trimEnd()}]`);[olá ] [ olá]
padStart() e padEnd()Completa o texto até um tamanho, repetindo um preenchimento no começo (padStart) ou no fim (padEnd).
texto.padStart(tamanho, preenchimento)
texto.padEnd(tamanho, preenchimento)console.log('7'.padStart(2, '0'));
console.log('42'.padStart(5, '*'));
console.log('Total'.padEnd(10, '.') + 'R$ 30');07 ***42 Total.....R$ 30
includes()Diz se um pedaço de texto aparece em algum lugar da string. Diferencia maiúsculas de minúsculas.
texto.includes(procurado)true ou false.const frase = 'Eu adoro JavaScript';
console.log(frase.includes('Java'));
console.log(frase.includes('java'));true false
startsWith() e endsWith()Dizem se o texto começa ou termina com um pedaço específico.
texto.startsWith(inicio)
texto.endsWith(fim)true ou false.const arquivo = 'foto-praia.png';
console.log(arquivo.startsWith('foto'));
console.log(arquivo.endsWith('.jpg'));true false
indexOf() e lastIndexOf()indexOf() diz a posição da primeira vez que o pedaço aparece; lastIndexOf(), a da última.
texto.indexOf(procurado)
texto.lastIndexOf(procurado)-1 se não encontrar.const texto = 'banana';
console.log(texto.indexOf('a'));
console.log(texto.lastIndexOf('a'));
console.log(texto.indexOf('x'));1 5 -1
slice()Recorta um pedaço do texto, do inicio até antes do fim. Sem o fim, vai até o final. Aceita números negativos.
texto.slice(inicio, fim)const texto = 'JavaScript';
console.log(texto.slice(0, 4));
console.log(texto.slice(4));
console.log(texto.slice(-3));Java Script ipt
substring()Parecido com o slice(), mas trata números negativos como 0. Prefira o slice(), que é mais previsível.
texto.substring(inicio, fim)const texto = 'Mundo';
console.log(texto.substring(1, 3));
console.log(texto.substring(-2));un Mundo
split()Divide o texto num array, cortando onde aparece o separador. Com '' como separador, separa letra por letra.
texto.split(separador)const frutas = 'maçã,uva,pera';
console.log(frutas.split(','));
console.log('oi'.split(''));
console.log('um dois três'.split(' ').length);[ 'maçã', 'uva', 'pera' ] [ 'o', 'i' ] 3
replace()Troca a primeira ocorrência de um pedaço por outro.
texto.replace(procurado, novo)const frase = 'gato preto, gato branco';
console.log(frase.replace('gato', 'cão'));cão preto, gato branco
replaceAll()Troca todas as ocorrências de um pedaço por outro.
texto.replaceAll(procurado, novo)const frase = 'gato preto, gato branco';
console.log(frase.replaceAll('gato', 'cão'));
console.log('123.456.789-00'.replaceAll('.', '').replace('-', ''));cão preto, cão branco 12345678900
repeat()Repete o texto um número de vezes.
texto.repeat(vezes)console.log('ha'.repeat(3));
console.log('-'.repeat(10));hahaha ----------
Template string (crases)Com crases, você coloca valores no meio do texto usando ${ }. É o jeito mais legível de montar frases.
`texto ${valor} texto`const nome = 'Leo';
const idade = 12;
console.log(`${nome} tem ${idade} anos`);
console.log(`Ano que vem: ${idade + 1}`);Leo tem 12 anos Ano que vem: 13
concat() e o operador +Juntam textos. O + é o mais comum; o concat() faz o mesmo e aceita vários pedaços.
texto + outro
texto.concat(outro, maisUm)const nome = 'Ana';
console.log('Olá, ' + nome + '!');
console.log('Olá, '.concat(nome, '!'));Olá, Ana! Olá, Ana!
localeCompare()Compara dois textos na ordem alfabética do idioma, respeitando acentos. Ideal para ordenar listas de nomes.
texto.localeCompare(outro)texto vem antes, positivo se vem depois e 0 se são iguais.const nomes = ['Érica', 'Bruno', 'Ana'];
nomes.sort((a, b) => a.localeCompare(b));
console.log(nomes);
console.log('a'.localeCompare('a'));[ 'Ana', 'Bruno', 'Érica' ] 0
normalize()Com 'NFD', separa cada letra do seu acento. Junto com um replace, serve para remover acentos.
texto.normalize('NFD')const texto = 'Ação é fácil';
const semAcento = texto.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
console.log(semAcento);Acao e facil
Quer testar? Copie um exemplo e rode no Rascunho.