JavaScript Find: Localizando Elementos em um Array com find em JavaScript
O método `find` em JavaScript permite localizar e retornar o primeiro elemento de um array que satisfaça uma determinada condição.
Publicado em 1 de agosto de 2023
Glossário
O que é o método find em JavaScript?
O método find é uma função nativa do JavaScript que permite localizar e retornar o primeiro elemento de um array que satisfaça uma determinada condição. Ele foi introduzido na versão ECMAScript 6 (ES6) e é muito útil quando precisamos realizar buscas específicas em arrays. O find percorre cada elemento do array até encontrar o primeiro que satisfaça a condição estipulada, retornando-o como resultado. Caso nenhum elemento seja encontrado, o método retorna undefined.
Como usar o método find para localizar elementos em um array em JavaScript?
A sintaxe básica do método find é a seguinte:
array.find(callback[, thisArg]);
O parâmetro callback é a função que será chamada para cada elemento do array. Ela pode receber até três argumentos: element, index e array. O argumento element representa o elemento atual, index representa o índice do elemento no array e array é uma referência ao array original.
A condição que queremos verificar pode ser implementada dentro da função callback. Por exemplo, suponha que temos um array de objetos pessoas e queremos encontrar o primeiro objeto que tenha a propriedade idade igual a 25. Podemos usar o método find da seguinte maneira:
const pessoas = [
{ nome: 'João', idade: 20 },
{ nome: 'Maria', idade: 25 },
{ nome: 'Pedro', idade: 30 }
];
const pessoaEncontrada = pessoas.find(function(elemento) {
return elemento.idade === 25;
});
console.log(pessoaEncontrada); // { nome: 'Maria', idade: 25 }
Nesse exemplo, a função de callback verifica se a propriedade idade de cada objeto é igual a 25. Assim que encontra o primeiro objeto que satisfaz essa condição, o método find retorna o objeto encontrado ({ nome: 'Maria', idade: 25 }). Caso nenhum objeto seja encontrado, o método retorna undefined.
Exemplos de uso do método find para encontrar elementos em um array em JavaScript
O método find oferece uma série de possibilidades para a busca de elementos em um array. Além de comparar propriedades de objetos, podemos utilizar funções mais complexas como condições de busca. Vejamos alguns exemplos:
-
Localizando um elemento em um array de números:
const numeros = [1, 2, 3, 4, 5]; const numeroEncontrado = numeros.find(function(elemento) { return elemento % 2 === 0; }); console.log(numeroEncontrado); // 2 -
Localizando uma string em um array de strings:
const frutas = ['maçã', 'banana', 'laranja']; const frutaEncontrada = frutas.find(function(elemento) { return elemento === 'banana'; }); console.log(frutaEncontrada); // 'banana'
Dicas e considerações ao utilizar o método find em JavaScript
- O método
findsempre retorna apenas o primeiro elemento que satisfaça a condição. Se houver mais de um elemento que atenda à condição, apenas o primeiro será retornado. - Caso seja necessário encontrar todos os elementos que satisfaçam a condição, é possível utilizar o método
filterem conjunto com ofind. Ofilterretornará um novo array contendo todos os elementos que atendem à condição, e então ofindpode ser aplicado a esse novo array, retornando o primeiro elemento desejado. - É importante mencionar que o
findnão altera o array original. Ele apenas localiza e retorna o elemento desejado. - O método
findpode ser uma alternativa mais legível e concisa para iterações com o uso de loopsforouwhile, especialmente quando a condição a ser verificada é mais complexa.
A Awari é a melhor plataforma para aprender sobre inovação e gestão no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Guia Para Iniciantes em Comunicação Assertiva
No guia iniciantes comunicação assertiva, exploramos o conceito, importância...
Personal Branding: O Que É e Qual Sua Importância?
A Importância do Personal Branding no Mundo Digital: Descubra...
O Guia Definitivo para Técnicas de Negociação
O Guia Definitivo para Técnicas de Negociação é uma...
