Como fazer uma busca case insensitive com JavaScript

Neste artigo você vai aprender a como criar uma busca case insensitive com JavaScript, vamos utilizar regex para isso

Fala programador(a), beleza? Bora aprender mais sobre strings!

Fazer uma busca case insensitive em JavaScript pode ser feita de várias maneiras, uma delas é usando expressões regulares (regex).

Ao usar regex, você pode adicionar a flag “i” para indicar que a busca não deve diferenciar maiúsculas e minúsculas. Aqui está um exemplo:

let str = "Hello World";
let pattern = /hello/i;

if (str.match(pattern)) {
  console.log("A string contém o padrão");
} else {
  console.log("A string não contém o padrão");
}

Neste exemplo, a string “str” é “Hello World” e a expressão regular “pattern” é “/hello/i”.

A chamada do método “match” verifica se a string “str” contém o padrão especificado na expressão regular “pattern”.

A flag “i” indica que a busca deve ser case insensitive, ou seja, não diferenciar maiúsculas e minúsculas.

Se a string “str” contiver o padrão, o resultado será “A string contém o padrão”.

Se não, o resultado será “A string não contém o padrão”.

Em resumo, usar regex é uma maneira eficiente de fazer uma busca case insensitive em JavaScript.

Ao adicionar a flag “i”, você pode garantir que a busca não diferencie maiúsculas e minúsculas.

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Em conclusão, fazer uma busca case insensitive em JavaScript pode ser feita de várias maneiras, incluindo o uso de métodos como toLowerCase(), match() e indexOf(), ou usando expressões regulares com a flag “i”.

Cada uma destas opções tem suas próprias vantagens e desvantagens, mas usar regex com a flag “i” é uma maneira eficiente e poderosa de realizar buscas case insensitive.

Independentemente da abordagem escolhida, é importante lembrar que fazer uma busca case insensitive pode ser uma etapa importante para garantir que seu código seja robusto e trate dados de forma consistente, independentemente da forma como são fornecidos.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Uma seção mostrando a abordagem com toLowerCase() (a alternativa mais comum ao regex), com bloco de código funcional. Algo no ritmo: normaliza os dois lados pra minúsculo e compara. Exemplo: let str = "Hello World"; let busca = "hello"; if (str.toLowerCase().includes(busca.toLowerCase())) { console.log("A string contém o padrão") } else { console.log("A string não contém o padrão") }. Explicar o PORQUÊ antes do como: como o JavaScript diferencia maiúscula de minúscula por padrão, deixar tudo minúsculo dos dois lados faz a comparação ignorar o caso. Fechar com quando usar essa e não regex (busca simples, sem padrão complexo)

Um bloco curto mostrando o indexOf() combinado com toLowerCase() pra busca case insensitive, já que a conclusão cita indexOf() mas nunca mostra. Exemplo: let str = "Hello World"; if (str.toLowerCase().indexOf("hello") !== -1) { console.log("encontrou") }. Explicar que indexOf() devolve a posição do trecho ou -1 quando não acha, e que baixar tudo pra minúsculo antes é o que torna a busca insensível ao caso. Antecipar o erro do leitor: lembrar que sem o toLowerCase() a comparação volta a diferenciar maiúscula de minúscula

FAQ curto com 2 a 3 perguntas que funcionam como snippet isolado. Sugestões: "Qual a diferença entre a flag i do regex e o toLowerCase()?" (regex serve quando há padrão a casar; toLowerCase() é mais direto pra comparação simples de texto). "O toLowerCase() funciona com acento?" (explicar de forma qualitativa que caracteres acentuados podem se comportar diferente e que pra normalização de acento existe abordagem específica, sem citar método que não dá pra demonstrar aqui). "Posso usar includes() em vez de match()?" (sim, includes() devolve verdadeiro ou falso e casa bem com toLowerCase() pra busca simples). Cada resposta em 2 a 3 frases, respondendo sozinha