Objekt Array predstavuje kolekciu prvkov. Pomáha pri udržiavaní veľkého súboru údajov, aby sa zabránilo zámene viacerých premenných, a tým ich triedeniu. Ak chce používateľ použiť akúkoľvek ďalšiu metódu a vlastnosť na objekt Array, nemusí túto novú vlastnosť/metódu aplikovať jednu po druhej na každý prvok. Namiesto toho to možno efektívne vykonať pomocou poľa JavaScript „ prototyp “konštruktér. Tento konštruktor pomáha pri aplikácii nových metód a vlastností na požadovaný objekt Array.
Táto príručka vysvetľuje použitie „prototypového“ konštruktora Array v JavaScripte.
Ako používať konštruktor „prototypu“ poľa v JavaScripte?
Pole “ prototyp Konštruktor ” sa používa na pridanie nových metód a vlastností do objektu Array pomocou funkcie JavaScript. Aplikuje skonštruovanú vlastnosť pre všetky hodnoty poľa ako jej názov a hodnotu.
Syntax
Array.prototype.name = hodnota
Vo vyššie uvedenej syntaxi „ názov ” špecifikuje novo pridanú vlastnosť pomocou svojho “ hodnotu “, ktorý sa vzťahuje na celý objekt Array.
Využime vyššie definovanú vlastnosť prakticky pomocou jej syntaxe.
HTML kód
Najprv si pozrite uvedený HTML kód:
< p > The 'prototyp' konštruktor pomáha v pridanie nových metód / vlastnosti do daného poľa ( ) objekt. p >< tlačidlo po kliknutí = 'jsFunc()' > Získajte dĺžku každej struny tlačidlo >
< p id = 'vzorka' > p >
< p id = 'pre' > p >
Vo vyššie uvedených riadkoch kódu:
- ' značka ” určuje príkaz odseku.
- '
Značka ” vloží tlačidlo s udalosťou „onclick“, aby sa po kliknutí na tlačidlo vyvolala špecifikovaná funkcia „jsFunc()“. - Posledné dva' Tagy pridávajú prázdne odseky s priradenými ID „sample“ a „para“.
Poznámka: Tento kód HTML sa používa vo všetkých príkladoch uvedených v tejto príručke.
Príklad 1: Použitie konštruktora „prototypu“ na počítanie dĺžky objektu poľa pridaním novej metódy
Tento príklad využíva konštruktor „prototypu“ na počítanie dĺžky každého reťazca vo vnútri objektu Array pomocou novo pridanej metódy.
JavaScript kód
Postupujte podľa zadaného kódu JavaScript:
< skript >Array.prototype.stringLength = funkciu ( ) {
pre ( kde t = 0 ; t < táto.dĺžka; t++ ) {
toto [ t ] = toto [ t ] .dĺžka;
}
} ;
funkciu jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'vzorka' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'pre' ) .innerHTML = str;
}
skript >
Vo vyššie uvedených riadkoch kódu:
- Použite základnú syntax poľa „ prototyp 'konštruktor, ktorý pridáva novú metódu' dĺžka reťazca ” definovanie funkcie.
- Ďalej v definícii funkcie „ pre Cyklus ” sa iteruje cez všetky indexy objektu Array, aby sa zistila ich dĺžka pomocou vlastnosti „length“.
- Potom sa „ jsFunc() ” definuje objekt Array uložený v premennej “str”.
- Potom ' document.getElementById () Metóda ” pristupuje k prvému prázdnemu odseku prostredníctvom svojho id “sample”, aby zobrazila objekt Array “str”.
- Nakoniec priraďte objekt Array „str“ k objektu „ stringLength() ” na spočítanie dĺžky reťazca každého indexu poľa a potom ho pripojíte do ďalšieho prázdneho odseku, ktorého id je „para“.
Výkon
Tu výstup zobrazuje dĺžku každého reťazca cieľového objektu Array pomocou novo pridanej metódy „stringLength()“ cez konštruktor Array „prototype“.
Príklad 2: Použitie konštruktora „prototypu“ na vytvorenie novej metódy „myUcase“ a jej aplikovanie na objekt Array
Tento príklad využíva konštruktor „prototype“ na vytvorenie novej metódy „myUcase“ a aplikuje ju na cieľový objekt Array.
JavaScript kód
Poďme si prejsť nižšie uvedený kód JavaScript:
< skript >Array.prototype.myUcase = funkciu ( ) {
pre ( nech t = 0 ; t < táto.dĺžka; t++ ) {
toto [ t ] = toto [ t ] .na veľké písmená ( ) ;
}
} ;
funkciu jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reagovať' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'vzorka' ) .innerHTML = arrObj;
}
skript >
Tu konštruktor „prototypu“ vytvorí novú metódu s názvom „ myUcase “, ktorý používa „ Veľké písmená ” v definícii funkcie na konverziu každého reťazca objektu Array na „veľké písmená“. V poslednej funkcii je vlastná metóda tiež vyvolaná na poli.
Výkon
Ako je vidieť, každý reťazec objektu Array sa po kliknutí na tlačidlo generuje veľkými písmenami vďaka použitej metóde „myUcase()“.
Záver
Ak chcete použiť pole ' prototyp ” v JavaScripte, priraďte k nemu novú metódu/vlastnosť. Špecifikuje funkciu, ktorá definuje funkcie pre inú funkciu vlastným spôsobom podľa požiadaviek. Táto príručka stručne vysvetlila použitie konštruktora „prototypu“ Array v JavaScripte.