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 | Grundlæggende om JavaScript-Objekter
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 1. Kapitel 31

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 1. Kapitel 31
some-alt