Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Encontrando Elementos em um Array com o Método find() | Métodos Avançados de Arrays e Transformações
Estruturas de Dados em JavaScript

bookEncontrando Elementos em um Array com o Método find()

Vamos explorar o método find(), incluindo sua sintaxe e aplicações, com exemplos concretos para ilustrar sua funcionalidade.

find()

Enquanto o método filter() percorre um array para encontrar todos os elementos que atendem a uma condição, o método find() é projetado para uma missão específica – localizar e retornar o primeiro elemento correspondente. Veja mais de perto sua sintaxe:

array.find((element, index, array) => {
  // Callback body
});

Vamos desvendar as características essenciais do método find():

  • O array original permanece inalterado;
  • Ele percorre o array, analisando cada elemento;
  • O método interrompe ao localizar a primeira correspondência, retornando esse elemento específico;
  • Caso não encontre um elemento correspondente, o método retorna undefined.

Encontrar uma Tarefa pelo Order

Neste exemplo, o método 'find()' recupera a tarefa pela chave 'order'.

1234567891011
const tasks = [ { order: 1, name: "Buy groceries" }, { order: 2, name: "Walk the dog" }, { order: 3, name: "Read a book" }, ]; const firstTask = tasks.find((element) => element.order === 1); console.log("First task:", firstTask.name); // Output: First task: Buy groceries const secondTask = tasks.find((element) => element.order === 2); console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog
copy

1. Qual é o principal objetivo do método find()?

2. Qual é uma característica fundamental do método find()?

3. Qual será a saída no exemplo abaixo?

question mark

Qual é o principal objetivo do método find()?

Select the correct answer

question mark

Qual é uma característica fundamental do método find()?

Select the correct answer

question mark

Qual será a saída no exemplo abaixo?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain the difference between `find()` and `filter()` with examples?

What happens if there is no matching element in the array?

Can you show how to use `find()` with more complex conditions?

Awesome!

Completion rate improved to 2.27

bookEncontrando Elementos em um Array com o Método find()

Deslize para mostrar o menu

Vamos explorar o método find(), incluindo sua sintaxe e aplicações, com exemplos concretos para ilustrar sua funcionalidade.

find()

Enquanto o método filter() percorre um array para encontrar todos os elementos que atendem a uma condição, o método find() é projetado para uma missão específica – localizar e retornar o primeiro elemento correspondente. Veja mais de perto sua sintaxe:

array.find((element, index, array) => {
  // Callback body
});

Vamos desvendar as características essenciais do método find():

  • O array original permanece inalterado;
  • Ele percorre o array, analisando cada elemento;
  • O método interrompe ao localizar a primeira correspondência, retornando esse elemento específico;
  • Caso não encontre um elemento correspondente, o método retorna undefined.

Encontrar uma Tarefa pelo Order

Neste exemplo, o método 'find()' recupera a tarefa pela chave 'order'.

1234567891011
const tasks = [ { order: 1, name: "Buy groceries" }, { order: 2, name: "Walk the dog" }, { order: 3, name: "Read a book" }, ]; const firstTask = tasks.find((element) => element.order === 1); console.log("First task:", firstTask.name); // Output: First task: Buy groceries const secondTask = tasks.find((element) => element.order === 2); console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog
copy

1. Qual é o principal objetivo do método find()?

2. Qual é uma característica fundamental do método find()?

3. Qual será a saída no exemplo abaixo?

question mark

Qual é o principal objetivo do método find()?

Select the correct answer

question mark

Qual é uma característica fundamental do método find()?

Select the correct answer

question mark

Qual será a saída no exemplo abaixo?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 5
some-alt