Masyvo objektas reiškia elementų rinkinį. Tai padeda išlaikyti didelį duomenų rinkinį, kad būtų išvengta kelių kintamųjų painiavos ir taip juos rūšiuojant. Jei vartotojas nori masyvo objektui pritaikyti kokį nors papildomą metodą ir ypatybę, jam nereikia taikyti tos naujos ypatybės/metodo po vieną kiekvienam elementui. Vietoj to, tai galima padaryti efektyviai naudojant JavaScript masyvą “ prototipas “ konstruktorius. Šis konstruktorius padeda pritaikyti naujus metodus ir savybes norimam masyvo objektui.
Šiame vadove paaiškinamas masyvo „prototipo“ konstruktoriaus naudojimas „JavaScript“.
Kaip naudoti masyvo „prototipo“ konstruktorių „JavaScript“?
Masyvas“ prototipas “ konstruktorius naudojamas naujų metodų ir savybių įtraukimui į masyvo objektą JavaScript funkcijos pagalba. Jis taiko sukurtą ypatybę visoms masyvo reikšmėms, kaip jos pavadinimą ir reikšmę pagal numatytuosius nustatymus.
Sintaksė
Masyvas.prototype.name = vertė
Aukščiau pateiktoje sintaksėje „ vardas “ nurodo naujai pridėtą nuosavybę su savo „ vertė “, kuris taikomas visam Array objektui.
Aukščiau apibrėžtą savybę panaudokime praktiškai jos sintaksės pagalba.
HTML kodas
Pirmiausia pažvelkite į nurodytą HTML kodą:
< p > The 'prototipas' konstruktorius padeda in naujų metodų papildymas / pateikto masyvo savybes ( ) objektas. p >< mygtuką paspaudus = 'jsFunc()' > Gaukite kiekvienos eilutės ilgį mygtuką >
< p id = 'pavyzdys' > p >
< p id = 'dėl' > p >
Aukščiau pateiktose kodo eilutėse:
- „ “ žyma nurodo pastraipos teiginį.
- „
“ žyma įterpia mygtuką su „onclick“ įvykiu, kad spustelėjus mygtuką būtų iškviesta nurodyta funkcija „jsFunc()“. - Paskutinės dvi' “ žymos prideda tuščias pastraipas su jiems priskirtais ID „sample“ ir „para“ atitinkamai.
Pastaba: Šio HTML kodo laikomasi visuose šiame vadove pateiktuose pavyzdžiuose.
1 pavyzdys: „prototipo“ konstruktoriaus taikymas masyvo objekto ilgiui skaičiuoti pridedant naują metodą
Šiame pavyzdyje naudojamas „prototipo“ konstruktorius, kad suskaičiuotų kiekvienos eilutės ilgį masyvo objekte, naudojant naujai pridėtą metodą.
JavaScript kodas
Sekite pateiktą JavaScript kodą:
< scenarijus >Masyvas.prototype.stringLength = funkcija ( ) {
dėl ( kur t = 0 ; t < tai.ilgis; t++ ) {
tai [ t ] = tai [ t ] .ilgis;
}
} ;
funkcija jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'pavyzdys' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'dėl' ) .innerHTML = str;
}
scenarijus >
Aukščiau pateiktose kodo eilutėse:
- Taikykite pagrindinę masyvo sintaksę “ prototipas 'konstruktorius, kuris prideda naują metodą' stygos ilgis “, apibrėžiantis funkciją.
- Toliau funkcijos apibrėžime „ dėl ” kilpa kartojama per visus masyvo objekto indeksus, kad būtų nustatytas jų ilgis naudojant „ilgis“ savybę.
- Po to „ jsFunc() “ apibrėžia masyvo objektą, saugomą „str“ kintamajame.
- Tada ' document.getElementById () “ metodas pasiekia pirmąją tuščią pastraipą per savo ID „sample“, kad būtų rodomas masyvo objektas „str“.
- Galiausiai susiekite „str“ masyvo objektą su „ eilutės ilgis () “ metodas, skirtas suskaičiuoti kiekvieno masyvo indekso eilutės ilgį ir pridėti jį prie kitos tuščios pastraipos, kurios ID yra „para“.
Išvestis
Čia išvestis rodo kiekvienos tikslinio masyvo objekto eilutės ilgį, naudojant naujai pridėtą 'stringLength()' metodą per masyvo 'prototipo' konstruktorių.
2 pavyzdys: „prototipo“ konstruktoriaus taikymas, norint sukurti naują metodą „myUcase“ ir pritaikyti jį masyvo objektui
Šiame pavyzdyje naudojamas konstruktorius „prototipas“, kad sukurtų naują „myUcase“ metodą ir pritaikytų jį tiksliniam masyvo objektui.
JavaScript kodas
Peržiūrėkime toliau pateiktą „JavaScript“ kodą:
< scenarijus >Array.prototype.myUcase = funkcija ( ) {
dėl ( leisti t = 0 ; t < tai.ilgis; t++ ) {
tai [ t ] = tai [ t ] .Su didžiosiomis raidėmis ( ) ;
}
} ;
funkcija jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reaguoti' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'pavyzdys' ) .innerHTML = arrObj;
}
scenarijus >
Čia „prototipo“ konstruktorius sukuria naują metodą pavadinimu „ myUcase “, kuris naudoja „ Didžiosios raidės “ metodas funkcijos apibrėžime, norint konvertuoti kiekvieną masyvo objekto eilutę į „didžiąsias raides“. Pastarojoje funkcijoje pasirinktinis metodas taip pat iškviečiamas masyve.
Išvestis
Kaip matote, kiekviena masyvo objekto eilutė panaudoja mygtuko paspaudimą dėl taikomo „myUcase()“ metodo.
Išvada
Norėdami naudoti masyvą ' prototipas “ konstruktorių JavaScript, susiekite su juo naują metodą / ypatybę. Ji nurodo funkciją, kuri pagal reikalavimus apibrėžia kitos funkcijos funkcijas pagal užsakymą. Šiame vadove trumpai paaiškintas masyvo „prototipo“ konstruktoriaus naudojimas „JavaScript“.