Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Transformering af Arrays med Map()-Metoden | Avancerede Array-metoder og Transformationer
Javascript Datastrukturer

bookTransformering af Arrays med Map()-Metoden

Stryg for at vise menuen

Dette afsnit dækker væsentlige array-metoder, der anvendes i daglig kodning: map(), filter(), find(), reduce() og sort(). Vi starter med map().

For en omfattende liste over alle array-metoder kan du se den officielle MDN-dokumentation.

map()

Metoden map() gennemløber hvert element i et array og opretter et nyt array baseret på callback-funktionens returværdi.

array.map((element, index, array) => {
  // Callback body
});
  • element: aktuelt element;
  • index: position i arrayet;
  • array: det oprindelige array.

              
12345

            
const products = ["Ball", "Shoes", "Mouse"];

const modifiedProducts = products.map((element, index, array) => {
  console.log(`Element: ${element}, Index: ${index}, Array: ${array}`);
});
copy

Vigtige punkter at huske om map():

  • Behandler hvert element;
  • Ændrer ikke det oprindelige array;
  • Returnerer et nyt array;
  • Det resulterende array har samme længde.

Transformation af array-elementer

Metoden map() er særligt nyttig, når alle elementer i et array skal transformeres uden at ændre det oprindelige array. Overvej følgende eksempel:


              
12345678910

            
const numbers = [3, 5, 11, 32, 87];

/* Use the `map` method to create a new array (`doubledNumbers`) 
  by doubling each element of the `numbers` array. */
const doubledNumbers = numbers.map((element) => {
  return element * 2;
});

console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87
console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
copy

1. Hvad gør map()-metoden?

2. Hvad er et nøgletræk ved map()-metoden?

3. I eksemplet nedenfor, hvad gør strings.map((element) => (element += "!"))?

question mark

Hvad gør map()-metoden?

Select the correct answer

question mark

Hvad er et nøgletræk ved map()-metoden?

Select the correct answer

question mark

I eksemplet nedenfor, hvad gør strings.map((element) => (element += "!"))?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 1

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 5. Kapitel 1
some-alt