Javascript
Objeto String
Métodos string
4 Métodos úteis do Objeto String no JS
Conheça os novos métodos de String que são úteis para trabalhar no dia a dia.
Estou de volta com mais um post da serie dicas rápidas de Javascript(JS Quick Tips).
Vou falar sobre 4 não tão novos métodos assim.
1. startsWith
O startsWith é método que valida se uma string inicia com um determinado valor.
Sintaxe
starts(inicia)With(Com)
str.startsWith(searchString, [position])
searchString: caracteres a serem procurados, position(opcional): posição que iniciará a pesquisa(searchString)
Exemplo
const description = 'Javascript é cool, Frameworks são bons se você foca mais no JS do que no Framework.'
console.log(description.startsWith('Javascript é')) // true
console.log(description.startsWith('Frameworks são')) // false console.log(description.startsWith('é cool', 11)) // true 'Javascript ' são 11 posições devido ao espaço que também é um caracter.
2. endsWith
Basicamente é método faz o oposto do método starsWith verifica se uma string termina com um determinado valor.
Sintaxe
str.endsWith(stringSendoBuscada, [tamanho])
Atenção a opção tamanho(opcional): se informada substitui o tamanho da string(texto) pesquisada.
Exemplo
const description = 'Javascript é cool, Frameworks são bons se você foca mais no JS do que no Framework.'
console.log(description.endsWith('no Framework.')) // true
console.log(description.endsWith('foca mais no JS.')) // false console.log(description.endsWith('Frameworks são bons', 38)) // true esse 38 é length do texto até a palavra 'bons'
3. Repeat
O método repeat() retorna uma nova string com determinado número de copias concatenadas.
Sintaxe
str.repeat(count);
O parâmetro count deve ser um valor inteiro que indica qual número de repetições, se for passado um número negativo -1 será apresentado um RangeError.
Exemplo
const study = 'Vou estudar ';
console.log(study.repeat(-1)) // RangeError Invalid count value
console.log(study.repeat(0)) // ''console.log(study.repeat(2)) // 'Vou estudar Vou estudar Vou estudar'
console.log(study.repeat(2.5)) // converte para inteiro
console.log(study.repeat(1/0)) // RangeError Invalid count value
console.log(study.repeat(4/2)) // 'Vou estudar Vou estudar '
3. Include
Com método include() você faz uma busca em uma string para saber se a string tem determinado valor retornando true
ou false
.
Sintaxe
str.includes(searchString[, position])
position(opcional): índice onde começar a busca.
Exemplo
const anyPhrase = 'Sempre tenha foco, cumpra suas metas para ter mais tempo para sua vida particular.'
console.log(anyPhrase.includes('cumpra suas metas')) // true
console.log(anyPhrase.includes('achei o texto')) // false
console.log(anyPhrase.includes('cumpra suas metas', 1)) //true
console.log(anyPhrase.includes('Sempre tenha foco', 1)) // false
São esses 4 métodos simples que podem ser úteis, você sabendo utilizar. Deixa no comentário o que tá achando dos posts.
Bônus
Talvez você não saiba, mais String são iterable(iteráveis), ou seja, você pode usar o for of
spread operator ...string
Exemplo
const myStringIterable = 'Eu sou iterável'
for(chart of myStringIterable) {
console.log(chat)
// 'E' 'u' ' ' 's' 'o' 'u' ' ' 'i' 't' 'e' 'r' 'á' 'v' 'e' 'l'
}
const myStringIterableArray = [...myStringIterable]
console.log(myStringIterableArray)
/* testa no teu inspetor de elemento vai mostrar um array de 39 posições, que não vou escrever aqui por já escrevi de mais nesse post \0/.*/
Nota
Esse post foi tirado do nosso amado developer.mozilla e outros blogs. Deixa teu comentário para me ajudar a saber se foi relevante esse post ou não.
Copyright © 2025 Jeftar Mascarenhas. Todos so direitos reservados