Massiiviobjekt kujutab elementide kogumit. See aitab säilitada suurt andmekogumit, et vältida mitme muutuja segadust ja neid seeläbi sorteerida. Kui kasutaja soovib massiiviobjektile rakendada täiendavat meetodit ja omadust, ei pea ta seda uut atribuuti/meetodit igale elemendile ükshaaval rakendama. Selle asemel saab seda tõhusalt teha JavaScripti massiivi abil ' prototüüp ” konstruktor. See konstruktor aitab rakendada uusi meetodeid ja omadusi soovitud massiiviobjektile.
See juhend selgitab massiivi 'prototüübi' konstruktori kasutamist JavaScriptis.
Kuidas kasutada JavaScriptis massiivi 'prototüübi' konstruktorit?
Massiiv' prototüüp ” konstruktorit kasutatakse massiiviobjektile uute meetodite ja omaduste lisamiseks JavaScripti funktsiooni abil. See rakendab konstrueeritud atribuuti kõigi massiivi väärtuste jaoks vaikimisi selle nime ja väärtusena.
Süntaks
Array.prototype.name = väärtus
Ülaltoodud süntaksis ' nimi ” täpsustab äsja lisatud atribuuti selle „ väärtus ”, mis kehtib kogu massiivi objekti kohta.
Kasutame ülaltoodud omadust praktiliselt selle süntaksi abil.
HTML-kood
Kõigepealt vaadake märgitud HTML-koodi:
< lk > The 'prototüüp' konstruktor aitab sisse uute meetodite lisamine / antud massiivi omadused ( ) objektiks. lk >< nuppu onclick = 'jsFunc()' > Hankige iga stringi pikkus nuppu >
< lk id = 'näidis' > lk >
< lk id = 'eest' > lk >
Ülaltoodud koodiridades:
- ' ” märgend määrab lõigu lause.
- '
märgend sisaldab nuppu 'onclick' sündmusega, et käivitada nupu klõpsamisel määratud funktsioon 'jsFunc()'. - kaks viimast' ” märgendid lisavad tühjad lõigud neile määratud ID-dega vastavalt „sample” ja „para”.
Märge: Seda HTML-koodi järgitakse kõigis selles juhendis toodud näidetes.
Näide 1: 'prototüübi' konstruktori rakendamine massiivi objekti pikkuse loendamiseks uue meetodi lisamisega
See näide kasutab 'prototüübi' konstruktorit massiiviobjekti iga stringi pikkuse loendamiseks äsja lisatud meetodi abil.
JavaScripti kood
Järgige antud JavaScripti koodi:
< stsenaarium >Array.prototype.stringLength = funktsiooni ( ) {
jaoks ( kus t = 0 ; t < see.pikkus; t++ ) {
see [ t ] = see [ t ] .pikkus;
}
} ;
funktsiooni jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'näidis' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'eest' ) .innerHTML = str;
}
stsenaarium >
Ülaltoodud koodiridades:
- Rakendage massiivi põhisüntaksi ' prototüüp 'konstruktor, mis lisab uue meetodi' stringi pikkus ”, mis määratleb funktsiooni.
- Järgmisena on funktsiooni definitsioonis ' jaoks ” tsüklit korratakse üle kõigi massiiviobjekti indeksite, et leida nende pikkus atribuudi „length” abil.
- Pärast seda ' jsFunc() ' defineerib massiivi objekti, mis on salvestatud muutujasse 'str'.
- Siis ' document.getElementById () Meetod pääseb esimesele tühjale lõigule oma ID 'sample' kaudu, et kuvada massiiviobjekt 'str'.
- Lõpuks seostage massiivi objekt 'str' objektiga ' stringLength() ” meetod, et lugeda iga massiivi indeksi stringi pikkust ja seejärel lisada see järgmisse tühja lõiku, mille ID on 'para'.
Väljund
Siin kuvatakse väljundis sihtmassiivi objekti iga stringi pikkus äsja lisatud 'stringLength()' meetodi abil massiivi 'prototüübi' konstruktori kaudu.
Näide 2: 'prototüübi' konstruktori rakendamine uue meetodi 'myUcase' loomiseks ja selle rakendamiseks massiiviobjektile
See näide kasutab 'prototüübi' konstruktorit, et luua uus 'myUcase' meetod ja rakendada see sihtmassiivi objektile.
JavaScripti kood
Vaatame läbi alltoodud JavaScripti koodi:
< stsenaarium >Array.prototype.myUcase = funktsiooni ( ) {
jaoks ( lase t = 0 ; t < see.pikkus; t++ ) {
see [ t ] = see [ t ] .Suurtähega ( ) ;
}
} ;
funktsiooni jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reageeri' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'näidis' ) .innerHTML = arrObj;
}
stsenaarium >
Siin loob 'prototüübi' konstruktor uue meetodi nimega ' myUcase ', mis kasutab ' Suurtähed ” meetodit funktsiooni definitsioonis, et teisendada massiiviobjekti iga string suurtähtedeks. Viimase funktsiooni puhul kutsutakse kohandatud meetod välja ka massiivi puhul.
Väljund
Nagu näha, kasutab massiiviobjekti iga string nupul klõpsamisel rakendatud 'myUcase()' meetodi tõttu suurtähti.
Järeldus
Massiivi kasutamiseks ' prototüüp ” konstruktorit JavaScriptis, seostage sellega uus meetod/atribuut. See määrab funktsiooni, mis määratleb mõne teise funktsiooni funktsioonid kohandatud viisil vastavalt nõuetele. See juhend selgitas lühidalt massiivi 'prototüübi' konstruktori kasutamist JavaScriptis.