Egy Array objektum elemek gyűjteményét képviseli. Segít nagy adathalmaz karbantartásában, hogy elkerülje a több változó összetévesztését, és ezáltal rendezze azokat. Ha a felhasználó bármilyen további metódust és tulajdonságot szeretne alkalmazni az Array objektumra, akkor nem kell az új tulajdonságot/módszert egyesével alkalmaznia minden elemre. Ehelyett hatékonyan megtehető a JavaScript tömb használatával prototípus ” kivitelező. Ez a konstruktor segít az új módszerek és tulajdonságok alkalmazásában a kívánt Array objektumra.
Ez az útmutató elmagyarázza az Array „prototípus” konstruktor használatát a JavaScriptben.
Hogyan használjuk a tömb „prototípus” konstruktort a JavaScriptben?
A tömb' prototípus ” konstruktor segítségével új metódusokat és tulajdonságokat adhatunk egy Array objektumhoz a JavaScript függvény segítségével. Az összes tömbértékre a felépített tulajdonságot alkalmazza alapértelmezés szerint neveként és értékeként.
Szintaxis
Array.prototype.name = érték
A fenti szintaxisban: ' név ” megadja az újonnan hozzáadott tulajdonságot a „ érték ”, amely az egész Array objektumra vonatkozik.
Használjuk a fent definiált tulajdonságot gyakorlatilag a szintaxisa segítségével.
HTML kód
Először nézze meg a megadott HTML-kódot:
< p > A 'prototípus' konstruktor segít ban ben az új módszerek hozzáadásával / tulajdonságait az adott tömbhöz ( ) tárgy. p >< gomb kattintásra = 'jsFunc()' > Szerezzen be minden húrhosszt gomb >
< p id = 'minta' > p >
< p id = 'for' > p >
A fenti kódsorokban:
- A ' ” címke határozza meg a bekezdés utasítását.
- A '
” címke beágyaz egy gombot egy „onclick” eseménnyel, amely a megadott „jsFunc()” függvényt hívja meg a gombra kattintáskor. - Az utolsó kettő' ” címkék üres bekezdéseket adnak hozzá a hozzájuk rendelt „sample” és „para” azonosítókkal.
Jegyzet: Ezt a HTML-kódot követi az útmutatóban szereplő összes példa.
1. példa: A „prototípus” konstruktor alkalmazása a tömbobjektum hosszának megszámlálására új módszer hozzáadásával
Ez a példa a „prototípus” konstruktort használja az Array objektumon belüli egyes karakterláncok hosszának megszámlálására egy újonnan hozzáadott metódus segítségével.
JavaScript kód
Kövesse a megadott JavaScript kódot:
< forgatókönyv >Array.prototype.stringLength = funkció ( ) {
számára ( ahol t = 0 ; t < this.length; t++ ) {
ez [ t ] = ezt [ t ] .hossz;
}
} ;
funkció jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'minta' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'for' ) .innerHTML = str;
}
forgatókönyv >
A fenti kódsorokban:
- Alkalmazza a tömb alapvető szintaxisát ' prototípus 'konstruktor, amely új metódust ad hozzá' stringLength ” funkciót határoz meg.
- Ezután a függvénydefinícióban a „ számára ” ciklus ismétlődik egy tömbobjektum összes indexén, hogy megtalálja azok hosszát a „length” tulajdonság segítségével.
- Ezt követően a „ jsFunc() ” egy „str” változóban tárolt Array objektumot határoz meg.
- Aztán a ' document.getElementById () ” metódus eléri az első üres bekezdést a „sample” azonosítójával, hogy megjelenítse az „str” tömbobjektumot.
- Végül társítsa az „str” Array objektumot a „ stringLength() ” metódussal megszámolja az egyes tömbindexek karakterlánchosszát, majd hozzáfűzi a következő üres bekezdéshez, amelynek azonosítója „para”.
Kimenet
Itt a kimenet a cél Array objektum egyes karakterláncainak hosszát mutatja az újonnan hozzáadott „stringLength()” metódus segítségével az Array „prototype” konstruktorán keresztül.
2. példa: A „prototípus” konstruktor alkalmazása egy új „myUcase” metódus létrehozásához, és alkalmazása egy tömbobjektumra
Ez a példa a 'prototype' konstruktort használja egy új 'myUcase' metódus létrehozásához, és alkalmazza azt a cél Array objektumra.
JavaScript kód
Menjünk végig az alábbi JavaScript kódon:
< forgatókönyv >Array.prototype.myUcase = funkció ( ) {
számára ( hagyja t = 0 ; t < this.length; t++ ) {
ez [ t ] = ezt [ t ] .Nagybetűre ( ) ;
}
} ;
funkció jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reagál' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'minta' ) .innerHTML = arrObj;
}
forgatókönyv >
Itt a „prototípus” konstruktor létrehoz egy új metódust „ myUcase ', amely a ' Nagybetűs ” metódussal a függvénydefinícióban, hogy az Array objektum minden egyes karakterláncát „nagybetűvé” alakítsa. Az utóbbi függvényben az egyéni metódus szintén meghívásra kerül a tömbben.
Kimenet
Amint látható, egy tömbobjektum minden egyes karakterlánca nagybetűvel tölti fel a gombkattintást az alkalmazott „myUcase()” metódus miatt.
Következtetés
A tömb használata ' prototípus ” konstruktort JavaScriptben, társítsa hozzá az új metódust/tulajdonságot. Olyan funkciót határoz meg, amely a követelményeknek megfelelően egyedi módon határozza meg egy másik funkció funkcionalitását. Ez az útmutató röviden ismerteti az Array „prototípus” konstruktor használatát a JavaScriptben.