JavaScript: verificar se um elemento existe no array

Neste artigo vamos aprender de uma forma prática de como verificar se um elemento existe no array e com um método já existente na linguagem JavaScript!

Pra verificar se um elemento existe no array em JavaScript, use o método includes(): ele retorna true se o valor está no array e false se não está. Se além de saber que existe você precisa da posição, use indexOf(), que devolve o índice do elemento ou -1 quando não encontra

Conteúdo também disponível em vídeo:

E aí programador, beleza? Bora aprender coisa nova!

Então galera, um problema que muitos programadores enfrentam é: verificar se tal elemento está no array

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

E para nossa alegria o JavaScript tem um método pronto para isso 😛

Digamos que temos um array de nomes e nossa missão é achar um nome específico

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

Vamos ver essa hipótese na prática:

let nomes = ['Matheus', 'Henrique', 'João', 'Pedro'];

nomes.includes('Matheus');

Com o método includes, vamos receber um true ou false como retorno

Caso ele encontre o resultado, o método retorna true

Então podemos atribuir isso a um if por exemplo e prosseguir para alguma lógica diferenciada, caso o resultado seja encontrado

Legal né? 😀

E caso você precise verificar o índice do elemento no array, você deve utilizar o método indexOf, veja:

let numeros = [0, 1, 2, 1, 0];

console.log(numeros.indexOf(1)); // 1

Conclusão

No artigo de hoje vimos como verificar se um elemento existe no array

Utilizando o metodo includes, recebemos um true se o elemento for encontrado e caso não um false

E por hoje é isso, até o próximo post! 🙂

Confira também nosso curso de HTML e CSS gratuito no YouTube clicando aqui! Onde criamos um site do 0 até o resposivo 

Uma seção ‘Qual a diferença entre includes e indexOf?’ explicando que includes devolve um booleano (true ou false) e indexOf devolve o índice do elemento ou -1 quando não acha.

Uma seção ‘E se eu quiser achar um objeto dentro do array?’ mostrando o método find(), que recebe uma função de teste e retorna o primeiro elemento que bate com a condição (ou undefined se nenhum bater). Serve quando você não procura um valor exato e sim um item por alguma propriedade

Uma seção de perguntas frequentes (FAQ) curta cobrindo: diferença includes x indexOf, como achar objeto no array, se includes acha NaN e desde quando o includes existe na linguagem

No vídeo eu montei um array de profissões e fui atrás do ‘programador’ com o includes, aí ele me devolveu true e dali eu já emendo num if pra seguir a lógica do programa. Depois usei o indexOf no mesmo array pra descobrir a posição, e como índice começa do zero o programador caiu no índice 1. Na prática é isso que você mais vai usar: includes quando só quer saber se tá lá, indexOf quando também precisa da posição