A tömb térkép módszer új leképezett tömb létrehozására szolgál az egyes elemek visszahívási függvényének visszatérési értéke alapján.
var mappedArray = tömb.térkép (callbackFunction, thisValue)A visszahív az a függvény, amelyet minden egyes alkalommal meghívunk egyetlen elemre, és egy új tömbben tárolt értéket ad vissza. A visszahívási funkció szintaxisa:
függvény (érték, [index [, tömb]])érték szükséges argumentum, amely valójában a tömb egyetlen eleme.
A index egy opcionális argumentum, amelyet a visszahívási függvény minden elemének indexeként használunk.
A sor opcionális érv is. Átadhatjuk ezt az argumentumot, ha a tömböt a visszahívási függvényben szeretnénk használni.
thisValue az az érték, amelyet át akarunk adni, amelyet a visszahívási funkcióban „ennek” fogunk használni. Ellenkező esetben a „undefined” átmegy.
A Javascript a for… in és foreach ciklust biztosítja az elemek közötti iterációhoz és a tömbök manipulálásához. De miért van szükségünk térképi módszerre ettől eltekintve? Ennek két fő oka van. Az egyik az aggodalom elkülönítése, a másik pedig az ilyen feladatok elvégzésének egyszerű szintaxisa. Tehát próbáljunk meg néhány különféle példát, hogy bemutassuk annak célját és helyes használatát.
Példák
Először is egy egyszerű bemutatónk lesz, amelyben egyszerű számtömböt kapunk, amelyen megpróbálunk minden egyszerű számtani műveletet végrehajtani minden egyes elem felett.
var arr = [4, 8, 16, 64, 49];Mielőtt alkalmazná a térkép metódust ezen a tömbön. Először írunk egy visszahívási függvényt, amelyre meghívhatjuk a térképfunkciónkat, amelyben tegyük fel, hogy minden elemet meg akarunk szorozni 10-vel, és új tömböt szeretnénk.
függvény szorzás (elem)var newElement = elem * 10;
return newElement;
Minden úgy van beállítva, hogy a térkép metódust alkalmazza a tömbön, és megkapja a szükséges eredményeket.
var newArr = arr.térkép (szaporítás);Most, ha megnézzük az „newArr” -t,
konzol.napló (newArr);A kimenetben láthatjuk a legújabb leképezett tömböt, a követelményeinknek megfelelően.
Ne feledje, hogy az új leképezett tömb hossza mindenképpen megegyezik az eredeti tömbvel.
Rövidebb módon lehet elvégezni ugyanazt a feladatot a nyíl vagy anonim függvény segítségével a térképi módszeren belül. Tehát írhatunk egy visszahívási függvényt egy ilyen térképi módszeren belül
var newArr = arr.térkép ((elem) =>visszatérő elem * 10
)
Vagy ha profi akarunk lenni és tömörebbé tenni. Meg tudjuk csinálni
var newArr = arr.térkép (e => e * 10)Rendben! Tehát ez volt a térképi módszer és a visszahívási függvény megírásának különböző módjai. De ez a funkció sokkal hasznosabb, ha tárgyak tömbjével játszunk. Ott valósul meg a megvalósítás.
A Térkép használata egy objektumtömbbel
Ebben a példában feltételezünk egy tömb objektumot, amelyekben minden objektum egy játékos információit tartalmazza. A játékos neve és igazolványa.
var arr = [id: 12, név: "James",
id: 36, név: "Morgan",
id: 66, név: "Jordánia"
];
Tegyük fel, hogy minden objektumból ki akarjuk vonni az azonosítókat, és új azonosító tömböt szeretnénk.
De annak megértése érdekében, hogy a térképi módszer miben különbözik és jobban segít, mint a foreach hurok. Mindkettővel (térképmódszer és foreach ciklus) megpróbáljuk ugyanazt a feladatot elvégezni és megtanulni a különbséget.
Tehát először megpróbáljuk kibontani az azonosítókat a foreach ciklus, majd a térkép módszer segítségével.
var extractedIDs = [];arr.forEach ((element) =>
return extractedIDs.push (elem.id);
)
Most, ha megnézzük a kivont azonosítókat.
konzol.napló (extractedIDs);
Elválasztottuk őket egy tömbben. De most mutassuk be ugyanazt a kimenetet a térkép módszerrel.
return elem.id;
)
konzol.napló (extractedIDs);
A kód és az azonos kimenet különbségének figyelembevételével felismerhetjük a két módszer (foreach és map) közötti valódi különbséget. Az aggodalom szintaxisa és szétválasztása.
Hasonlóképpen sok más műveletet is elvégezhetünk. Ha el kell játszanunk és be kell szereznünk néhány adatot az objektumok tömbjéből. Tegyük fel, hogy olyan objektumok tömbje van, amelyekben minden objektum két tulajdonságot tartalmaz: keresztnév és vezetéknév.
var arr = [firstName: "John", vezetéknév: "Doe",
firstName: "Morgan", vezetéknév: "Freeman",
firstName: "Jordan", vezetéknév: "Peterson"
];
Most egy tömböt szeretnénk, amely tartalmazza a teljes neveket. Tehát egy ilyen térképfüggvényt írunk, hogy teljesítsük célunkat
var fullName = arr.térkép ((személy) =>visszatérő személy.keresztnév + "+ személy.vezetéknév
)
konzol.napló (teljesNév);
Amint láthatja, külön tömböt kaptunk teljes nevekkel. Nagyszerű.
Tehát ezek azok az alapvető és különböző módszerek, amelyek segítségével a térképfunkció felhasználható fejlesztési követelményeink teljesítéséhez, és segít minden javascript-fejlesztő életében.
Következtetés
Ebben a cikkben megismerkedtünk a javascript által a tömbökhöz leggyakrabban használt map () módszerrel, és megismertük a térkép módszer használatának néhány módját. Ez a cikk olyan könnyen és mélyrehatóan elmagyarázza a térképi módszer fogalmát, hogy bármely kezdő kódoló megérthesse és felhasználhassa az igényeinek. Tehát folytassa a tanulást, a munkát és a tapasztalatok javítását a javascriptben a linuxhint segítségével.com, hogy jobban megértse. Nagyon szépen köszönöm!