Array Map Method in JavaScript | Forklart

I JavaScript, en innebygd metode som heter matrise.kart () brukes til å lage en ny modifisert matrise; For å gjøre det, krysser det en matrise og påkaller en funksjon for hvert element i matrisen. Det er veldig nyttig i et scenario der vi må implementere noen prosedyrer/handlinger på hvert array -element. For eksempel å multiplisere hvert matriseelement med et spesifikt tall, eller finne kvadratroten til hvert array -element, og så videre.

I denne oppskrivningen vil vi dekke de nedenfor-listede læringsutbyttet av matrisen.Kart () Metode:

• Hva er matrise.Kart () i JavaScript?
• Grunnleggende syntaks
• Hva gjør matrise.Kart () Metode Retur?
• Hvordan matrise.Kart () Metode fungerer i JavaScript?

Så la oss komme i gang!

Hva er matrise.Kart () i JavaScript?

Array Map () er en innebygd matrisefunksjon som oppretter en ny modifisert matrise basert på noen spesifikke kriterier. Matrisen.Kart () Metode påkaller en tilbakeringingsfunksjon for hvert element i matrisen og oppretter en ny modifisert matrise som inneholder de modifiserte elementene som returneres av tilbakeringingsfunksjonen.

Grunnleggende syntaks

Her er syntaksen til matrisen.Kart () Metode i JavaScript:

Array.Kart (funksjon (Current_Element, Index, ARR), denne verdien)

Syntaksen viser matrisen.Kart () -funksjonen kan ta flere parametere, men alle disse parametrene er ikke obligatoriske:

• Funksjon () Parameter bedre kjent som Call Back -funksjonen er obligatorisk, og det vil bli kalt for hvert eneste element i matrisen.
• Current_element er en nødvendig parameter som holder verdien av det nåværende elementet.
• Indeks er en valgfri parameter som holder indeksen for CurrentElement.
• ARR er en valgfri parameter som holder den nåværende matrisen.
• Denne verdien er også en valgfri parameter hvis standardverdi er udefinert og den bruker verdien som blir gitt til funksjonen som "denne" verdien.

Hva gjør matrise.Kart () Metode Retur?

I JavaScript, The Array.Kart () Metode returnerer resultatet av tilbakeringingsfunksjonen for hvert eneste arrayelement.

Hvordan matrise.Kart () Metode fungerer i JavaScript?

Så langt har vi lært de teoretiske begrepene for MAP () -metoden, nå vil vi implementere disse konseptene praktisk talt.

Oppgave 1: Legg til 50 i hvert arrayelement

I dette eksempelprogrammet lærer vi hvordan du bruker matrise.Kart () Metode for å legge til “50” til hvert eneste element i den gitte matrisen:

var originalArray = [12, 16, 32, 27, -31, 17];
var resultat = originalArray.Kart (addValue);
funksjon addValue (verdier)
Returverdier + 50;

konsoll.logg ("resulterende matrise:", resultat);

Ovennevnte program utførte oppgavene nedenfor:

• For det første opprettet vi en matrise som heter “originalArray” som inkluderer noen positive så vel som negative tall.
• Deretter benyttet vi matrisen.Kart () Metode for å legge til 50 til hvert element i matrisen.
• For å gjøre det opprettet vi en funksjon som heter “AddValue ()” som vil legge til 50 til det nåværende elementet i matrisen, og etterpå vil den returnere det modifiserte elementet.
• Til slutt benyttet vi konsollen () -metoden for å skrive ut matrisen av modifiserte elementer:

Utgangen beviste at matrisen.Kart () Metode returnerte en rekke modifiserte elementer (i.e., Hvert element økes med 50).

Oppgave 2: Hvordan bruke matrise.Kart () Metode med en rekke objekter

I følgende kodeblokk lærer vi hvordan du bruker matrisen.Kart () Metode for å bli med i EmpName og ID:

var ansatte = [
EmpName: "Mike", id: 12,
EmpName: "Seth", id: 15,
];
var empdetails = ansatte.kart (funksjon (verdi)
returner '$ verdi.EmpName $ verdi.id ';
)
konsoll.Logg ("Ansattedetaljer:", EmpDetails);

I dette programmet benyttet vi matrisen.Kart () Metode for å krysse matrisen og kombinere ansattes navn og ansattes ID:

Dette er hvordan matrisen.Kart () -metoden fungerer med en rekke objekter.

Oppgave 3: Hvordan bruke innebygde metoder med matrise.Kart () Metode

I dette eksemplet lærer vi hvordan du bruker en innebygd metode for å finne kvadratet til matriseelementene:

var originalArray = [3, 2, 5, 9, 7];
var resulterendeArray = originalArray.kart (sqrvalue);
funksjon sqrvalue (verdier)
Returmatematikk.POW (verdier, 2);

konsoll.Logg ("Ansattedetaljer:", ResultatArray);

I dette eksempelprogrammet benyttet vi matematikken.POW () Funksjon for å finne kvadratet til et element. Vi brukte matrisen.Kart () Metode for å krysse gjennom hvert arrayelement og returnere kvadratet til hvert eneste element i den gitte matrisen.

Slik kan vi bruke enhver innebygd metode sammen med matrise.Kart () Metode for å oppnå forskjellige funksjonaliteter.

Konklusjon

I JavaScript, Array.kart () er en innebygd matrisfunksjon som oppretter en ny modifisert matrise basert på noen spesifikke kriterier. Matrisen.Kart () Metode påkaller en tilbakeringingsfunksjon for hvert element i matrisen og oppretter en ny modifisert matrise som inneholder de modifiserte elementene som returneres av tilbakeringingsfunksjonen. Denne oppskrivningen beskrev hva nøyaktig matrise.Kart () -metoden er? og hvordan det fungerer i JavaScript ved hjelp av noen relevante eksempler.