Filtrér en liste med filter og map

Find de studerende, der har bestået, og træk deres navne ud. Øvelsen træner de to array-metoder, du kommer til at bruge mest, og den kæde af filter efterfulgt af map, der løser en overraskende stor del af alle opgaver.

Rækkefølgen betyder noget. Havde du kaldt map først, ville du sidde med en liste af navne uden karakterer, og så kan du ikke filtrere længere. Filtrér, mens du stadig har alle oplysningerne.

Skriv din løsning

Koden kører i din egen browser. Den bliver ikke sendt nogen steder hen, og der bliver ikke gemt noget. Lukker du siden, er den væk.

Din kode

const hold = [
  { navn: "Ida", karakter: 10 },
  { navn: "Omar", karakter: 0 },
  { navn: "Sofie", karakter: 7 },
  { navn: "Karl", karakter: 2 }
];

// Sæt "bestaaede" til et array med navnene på dem, der har fået 2 eller derover.
let bestaaede = [];

console.log(bestaaede);

Output

Tryk på “Kør koden”.

bestaaede er et array
Der er tre navne
Omar er ikke med

3 hints

Første skridt: `hold.filter((s) => s.karakter >= 2)` giver de rækker, du vil have.
Andet skridt: sæt `.map((s) => s.navn)` bagefter for kun at få navnene.
De to kan hænges sammen i én kæde: `hold.filter(...).map(...)`

Se en løsning

En mulig løsning

const hold = [
  { navn: "Ida", karakter: 10 },
  { navn: "Omar", karakter: 0 },
  { navn: "Sofie", karakter: 7 },
  { navn: "Karl", karakter: 2 }
];

const bestaaede = hold
  .filter((s) => s.karakter >= 2)
  .map((s) => s.navn);

console.log(bestaaede);

Output

Tryk på “Kør koden”.

Filtrér en liste med filter og map

Skriv din løsning

Forklaringen