Phenquestions
Matrika je metoda zemljevida se uporablja za izdelavo novega preslikanega polja na podlagi povratne vrednosti funkcije povratnega klica za vsak element.
var mappedArray = matrika.map (callbackFunction, thisValue)The poklicati nazaj je funkcija, ki bo vsakič poklicana za posamezen element in vrne vrednost, ki bo shranjena v novem polju. Sintaksa funkcije povratnega klica je
funkcija (vrednost, [indeks [, matrika]])vrednost je nujen argument, ki je pravzaprav en element polja.
The indeks je neobvezen argument, ki bo uporabljen kot indeks vsakega elementa v funkciji povratnega klica.
The matriko je tudi neobvezen argument. Ta argument lahko prenesemo, če želimo uporabiti matriko v funkciji povratnega klica.
thisValue je vrednost, ki jo želimo prenesti in bo uporabljena kot »to« v funkciji povratnega klica. V nasprotnem primeru bo "nedefinirano" sprejeto.
Javascript ponuja zanko for… in in foreach zanko za iteracijo skozi elemente in manipulacijo nizov. Zakaj pa poleg tega potrebujemo tudi metodo zemljevida? Za to sta dva glavna razloga. Eno je ločevanje skrbi, drugo pa enostavna sintaksa za izvajanje takšnih nalog. Torej, poskusimo z nekaj različnimi primeri, da dokažemo namen in pravilno uporabo le-tega.
Primeri
Najprej bomo izvedli preprost prikaz, v katerem imamo preprosto množico števil, na katerih bomo poskušali izvesti katero koli preprosto aritmetično operacijo nad vsakim posameznim elementom.
var arr = [4, 8, 16, 64, 49];Zdaj, preden uporabite metodo map nad to matriko. Najprej bomo napisali funkcijo povratnega klica, na katero lahko pokličemo svojo funkcijo zemljevida, v kateri recimo želimo pomnožiti vsak element z 10 in imeti novo matriko.
funkcija pomnoži (element)var newElement = element * 10;
vrni newElement;
Vse je nastavljeno tako, da uporabi metodo preslikave preko polja in zahteva rezultate.
var newArr = arr.zemljevid (pomnoži);Zdaj, če si ogledamo "newArr",
konzola.log (newArr);V izhodu lahko vidimo najnovejšo preslikano matriko v skladu z našo zahtevo.
Upoštevajte to, da bo dolžina novega preslikanega polja zagotovo enaka prvotnemu polju.
Obstaja krajši način izvajanja iste naloge s pomočjo puščice ali anonimne funkcije znotraj metode zemljevida. Tako lahko v takšno metodo zemljevida napišemo funkcijo povratnega klica
var newArr = arr.zemljevid ((element) =>povratni element * 10
)
Ali pa, če želimo biti profesionalec in narediti bolj jedrnato. To lahko storimo
var newArr = arr.zemljevid (e => e * 10)Vredu! Torej, to je bil zelo osnovni prikaz metode zemljevida in različnih načinov pisanja funkcije povratnega klica. Toda ta funkcija je bolj uporabna, ko se igramo z vrsto predmetov. Tam se zgodi resnično izvajanje.
Uporaba zemljevida z vrsto predmetov
V tem primeru predpostavljamo vrsto predmetov, v katerih vsak predmet vsebuje informacije o predvajalniku. Ime igralca in njegova osebna izkaznica.
var arr = [id: 12, name: "James",
id: 36, name: "Morgan",
id: 66, name: "Jordan"
];
Zdaj recimo, da želimo iz vsakega predmeta izvleči ID-je in imeti novo vrsto ID-jev.
Da pa bi razumeli, kako se metoda zemljevida razlikuje in pomaga bolje kot foreach zanka. Poskusili bomo oba (metoda zemljevida in foreach zanka), da naredimo isto nalogo in se naučimo razlike.
Najprej bomo poskusili izvleči ID-je z uporabo foreach zanke in nato z metodo map.
var extractedIDs = [];arr.forEach ((element) =>
vrne extractedIDs.push (element.id);
)
Zdaj, če si ogledamo pridobljene osebne dokumente.
konzola.dnevnik (extractedIDs);
Ločili smo jih v nizu. Zdaj pa predstavimo enak izhod z uporabo metode map.
povratni element.id;
)
konzola.dnevnik (extractedIDs);
Če pogledamo razliko v kodi in enakem izhodu, lahko ugotovimo resnično razliko med obema (foreach in map) metodama. Sintaksa in ločitev zaskrbljenosti.
Podobno lahko izvedemo veliko drugih operacij. Če se moramo igrati in pridobiti nekaj podatkov iz vrste predmetov. Domnevamo, da je niz predmetov, v katerih ima vsak objekt dve lastnosti: ime in priimek.
var arr = [firstName: "John", lastName: "Doe",
firstName: "Morgan", lastName: "Freeman",
firstName: "Jordan", lastName: "Peterson"
];
Zdaj želimo imeti matriko, ki vsebuje polna imena. Tako bomo napisali funkcijo zemljevida, kot je ta, da bomo izpolnili svoj namen
var polnoime = prip.zemljevid ((oseba) =>vrnitev osebe.firstName + "+ oseba.priimek
)
konzola.dnevnik (polnoime);
Kot lahko vidite, imamo ločeno matriko s polnimi imeni. To je super.
To je nekaj osnovnih in različnih načinov, kako lahko funkcijo zemljevida uporabimo za izpolnitev naših razvojnih zahtev in pomaga v življenju vsakega razvijalca javascripta.
Zaključek
V tem članku smo spoznali najpogosteje uporabljeno metodo javascript map () za nize in spoznali nekaj različnih načinov uporabe metode map. V tem članku je koncept metode map razložen na tako enostaven in poglobljen način, da ga lahko vsak začetnik kodiranja razume in uporabi za svoje potrebe. Torej, nadaljujte z učenjem, delom in pridobivanjem izkušenj v javascriptu z linuxhint.com, da bi ga bolje razumeli. Najlepša hvala!
