Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Hitta Element i en Array med Find()-Metoden | Avancerade Arraymetoder och Transformationer
Javascript Datastrukturer

bookHitta Element i en Array med Find()-Metoden

Låt oss utforska metoden find(), inklusive dess syntax och användningsområden, med konkreta exempel som illustrerar dess funktionalitet.

find()

Medan metoden filter() söker igenom en array för att hitta alla element som uppfyller ett villkor, är metoden find() särskilt utformad för ett enda syfte – att hitta och returnera det första matchande elementet. Här är en närmare titt på dess syntax:

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

Låt oss reda ut de viktigaste egenskaperna hos find()-metoden:

  • Den ursprungliga arrayen förblir oförändrad;
  • Den går igenom arrayen och granskar varje element;
  • Metoden avbryts när den hittar den första matchningen och returnerar det specifika elementet;
  • Om inget matchande element hittas returnerar metoden undefined.

Hitta en uppgift efter ordning

I detta exempel hämtar 'find()'-metoden uppgiften med hjälp av nyckeln '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. Vad är det primära syftet med metoden find()?

2. Vad är en nyckeleigenskap hos metoden find()?

3. Vad kommer att skrivas ut i exemplet nedan?

question mark

Vad är det primära syftet med metoden find()?

Select the correct answer

question mark

Vad är en nyckeleigenskap hos metoden find()?

Select the correct answer

question mark

Vad kommer att skrivas ut i exemplet nedan?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

bookHitta Element i en Array med Find()-Metoden

Svep för att visa menyn

Låt oss utforska metoden find(), inklusive dess syntax och användningsområden, med konkreta exempel som illustrerar dess funktionalitet.

find()

Medan metoden filter() söker igenom en array för att hitta alla element som uppfyller ett villkor, är metoden find() särskilt utformad för ett enda syfte – att hitta och returnera det första matchande elementet. Här är en närmare titt på dess syntax:

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

Låt oss reda ut de viktigaste egenskaperna hos find()-metoden:

  • Den ursprungliga arrayen förblir oförändrad;
  • Den går igenom arrayen och granskar varje element;
  • Metoden avbryts när den hittar den första matchningen och returnerar det specifika elementet;
  • Om inget matchande element hittas returnerar metoden undefined.

Hitta en uppgift efter ordning

I detta exempel hämtar 'find()'-metoden uppgiften med hjälp av nyckeln '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. Vad är det primära syftet med metoden find()?

2. Vad är en nyckeleigenskap hos metoden find()?

3. Vad kommer att skrivas ut i exemplet nedan?

question mark

Vad är det primära syftet med metoden find()?

Select the correct answer

question mark

Vad är en nyckeleigenskap hos metoden find()?

Select the correct answer

question mark

Vad kommer att skrivas ut i exemplet nedan?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 5
some-alt