Sobes.tech
Junior

Vertel me over de methode map.

sobes.tech AI

Antwoord van AI

De map-methode in JavaScript maakt een nieuwe array door de meegeleverde functie voor elk element van de oorspronkelijke array aan te roepen en de resultaten van de aanroepen te verzamelen.

Het wijzigt de oorspronkelijke array niet.

Syntax:

arr.map(callback(currentValue[, index[, array]])[, thisArg])
  • callback: Functie die voor elk element wordt aangeroepen. Neemt de argumenten:
    • currentValue: Het huidige element dat wordt verwerkt.
    • index (optioneel): De index van het huidige element.
    • array (optioneel): De array die wordt doorlopen.
  • thisArg (optioneel): Waarde die wordt gebruikt als this bij het aanroepen van callback.

Voorbeeld:

Transformeer een array van getallen in een array van hun kwadraten:

const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(num => num * num);
// squares zal [1, 4, 9, 16, 25] zijn

Verschil met forEach:

  • map maakt een nieuwe array op basis van de geretourneerde waarden van de callback-functie.
  • forEach voert de functie uit voor elk element, maar maakt geen nieuwe array en retourneert geen waarde (eigenlijk retourneert het undefined).

Gebruik in QA:

  • Testgegevens omzetten naar het benodigde formaat.
  • Bepaalde velden uit een array van objecten extraheren (bijvoorbeeld, lijst van gebruikers).
  • Test-URL's genereren uit het basisadres en de lijst van paden.