Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Transformasjon av Arrayer med map()-Metoden | Grunnleggende om JavaScript-Objekter
Javascript Datastrukturer

bookTransformasjon av Arrayer med map()-Metoden

Sveip for å vise menyen

Denne delen dekker viktige array-metoder som brukes i daglig programmering: map(), filter(), find(), reduce() og sort(). Vi begynner med map().

For en fullstendig liste over alle array-metoder, se den offisielle MDN-dokumentasjonen.

map()

Metoden map() går gjennom hvert element i et array og oppretter et nytt array basert på returverdien fra callback-funksjonen.

array.map((element, index, array) => {
  // Callback body
});
  • element: gjeldende element;
  • index: posisjon i arrayet;
  • array: det opprinnelige arrayet.

              
12345

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

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

Viktige punkter å huske om map():

  • Behandler hvert element;
  • Endrer ikke den opprinnelige tabellen;
  • Returnerer en ny tabell;
  • Den resulterende tabellen har samme lengde.

Transformasjon av elementer i tabeller

Metoden map() er spesielt nyttig når det er behov for å transformere hvert element i en tabell uten å endre den opprinnelige tabellen. Se 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. Hva gjør map()-metoden?

2. Hva er en nøkkelkarakteristikk ved map()-metoden?

3. I eksempelet under, hva gjør strings.map((element) => (element += "!"))?

question mark

Hva gjør map()-metoden?

Select the correct answer

question mark

Hva er en nøkkelkarakteristikk ved map()-metoden?

Select the correct answer

question mark

I eksempelet under, hva gjør strings.map((element) => (element += "!"))?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 31

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 31
some-alt