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 | Avanserte Array-metoder og Transformasjoner
Javascript Datastrukturer

bookTransformasjon av Arrayer med map()-Metoden

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 5. Kapittel 1

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

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 5. Kapittel 1
some-alt