PricingLoginStart free
JavaScript Academy · leksjon

map og filter — det viktigste

Transformer og velg data med map og filter; kjed dem sammen og unngå mutasjoner for tryggere kode.

Leksjon 1 av 28 trinn

map og filter — det viktigste er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 1 av 2. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.

Introduksjon til map og filter

Mål: Transformer elementer med map, og velg elementer med filter.

  • map: transformere
  • filter: velge
  • Kjede map → filter
  • Ingen mutering
map og filter — det viktigste — illustrasjon 1

Grunnleggende om map

map bruker en funksjon på hvert element og returnerer en ny array med samme lengde.

// map transforms each value and returns a new array
const nums = [1, 2, 3];

const doubled = nums.map(function (n) {
  return n * 2;
});

console.log("nums:", nums);
console.log("doubled:", doubled);
map og filter — det viktigste — illustrasjon 2

Grunnleggende om filter

filter returnerer bare elementene der tilbakeringingen returnerer true. Lengden kan endres.

// filter keeps values that pass the test
const values = [1, 2, 3, 4, 5];

const evens = values.filter(function (n) {
  return n % 2 === 0;
});

console.log("values:", values);
console.log("evens:", evens);
map og filter — det viktigste — illustrasjon 3

Eksempel på kjeding

Kombiner trinnene: bruk map til å transformere, og deretter filter til å velge.

// Chain methods for clarity
const prices = [4, 7, 10];

// First add tax, then keep items over 8
const withTax = prices.map(function (p) {
  return p * 1.1;
});

const expensive = withTax.filter(function (p) {
  return p > 8;
});

console.log("withTax:", withTax);
console.log("expensive:", expensive);
map og filter — det viktigste — illustrasjon 4

Demonstrasjon uten mutering

Uforanderlighet: map/filter returnerer nye arrayer, og originalen forblir uendret.

// map and filter do not mutate the original array
const base = [2, 4, 6];

const plusOne = base.map(function (n) {
  return n + 1;
});

const small = base.filter(function (n) {
  return n < 5;
});

console.log("base:", base);
console.log("plusOne:", plusOne);
console.log("small:", small);
map og filter — det viktigste — illustrasjon 5

Tips for ryddige arrayer

Tips:

  • Gi små tilbakeringinger gode navn (n, item) for tydelighet.
  • Hold kjedene korte (maksimalt 2–3 trinn).
  • Foretrekk rene tilbakeringinger (uten bivirkninger).
map og filter — det viktigste — illustrasjon 6

Quiz om map kontra filter

Kort sjekk: Transformer hvert element.

map og filter — det viktigste — illustrasjon 7
Besvar den i den interaktive leksjonen

Oppsummering

Oppsummering: Bruk map til å transformere verdier, filter til å velge ut noen av dem, og kjed dem uten å endre den opprinnelige arrayen.

map og filter — det viktigste — illustrasjon 8
Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
59
Leksjoner
200
Start læringen gratisSe hele kurset

Ofte stilte spørsmål

Er leksjonen «map og filter — det viktigste» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «map og filter — det viktigste», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.

Hva lærer jeg i «map og filter — det viktigste»?

Transformer og velg data med map og filter; kjed dem sammen og unngå mutasjoner for tryggere kode. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 2.

Hvor lang tid tar leksjonen «map og filter — det viktigste»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?

Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. map og filter — det viktigste
  2. reduce, some/every og find — enkle mønstre
← Tilbake til JavaScript Academy