Objekt Array predstavlja zbirko elementov. Pomaga pri vzdrževanju velikega nabora podatkov, da se izognete zmedi več spremenljivk in jih tako razvrstite. Če želi uporabnik uporabiti katero koli dodatno metodo in lastnost za objekt Array, mu te nove lastnosti/metode ni treba uporabiti eno za drugo za vsak element. Namesto tega je to mogoče učinkovito storiti z uporabo matrike JavaScript ' prototip ” konstruktor. Ta konstruktor pomaga pri uporabi novih metod in lastnosti za želeni objekt Array.
Ta priročnik pojasnjuje uporabo konstruktorja »prototipa« matrike v JavaScriptu.
Kako uporabiti konstruktor »prototipa« matrike v JavaScriptu?
Niz ' prototip ” se uporablja za dodajanje novih metod in lastnosti objektu Array s pomočjo funkcije JavaScript. Konstruirano lastnost uporabi za vse vrednosti matrike kot svoje ime in privzeto vrednost.
Sintaksa
Array.prototype.name = vrednost
V zgornji sintaksi ' ime « določa novo dodano lastnost s svojim » vrednost ”, ki velja za celoten objekt Array.
Uporabimo zgoraj definirano lastnost praktično s pomočjo njene sintakse.
HTML koda
Najprej si oglejte navedeno kodo HTML:
< str > The 'prototip' konstruktor pomaga v dodajanje novih metod / lastnosti dane matrike ( ) predmet. str >< gumb onclick = 'jsFunc()' > Pridobite dolžino vsake vrvice gumb >
< str id = 'vzorec' > str >
< str id = 'za' > str >
V zgornjih vrsticah kode:
- ' ” določa stavek odstavka.
- '
” vdela gumb z dogodkom “onclick” za priklic določene funkcije “jsFunc()” ob kliku gumba. - Zadnja dva' ” dodajo prazne odstavke z njihovimi dodeljenimi ID-ji “sample” oziroma “para”.
Opomba: Ta koda HTML je upoštevana v vseh navedenih primerih v tem priročniku.
1. primer: uporaba konstruktorja »prototipa« za štetje dolžine predmeta polja z dodajanjem nove metode
Ta primer uporablja konstruktor »prototipa« za štetje dolžine vsakega niza znotraj objekta Array s pomočjo na novo dodane metode.
Koda JavaScript
Sledite podani kodi JavaScript:
< scenarij >Array.prototype.stringLength = funkcijo ( ) {
za ( kjer je t = 0 ; t < this.length; t++ ) {
to [ t ] = to [ t ] .dolžina;
}
} ;
funkcijo jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'vzorec' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'za' ) .innerHTML = str;
}
scenarij >
V zgornjih vrsticah kode:
- Uporabite osnovno sintakso matrike ' prototip ” konstruktor, ki doda novo metodo ” stringLength ” definiranje funkcije.
- Nato je v definiciji funkcije ' za ” se ponovi čez vse indekse objekta Array, da se ugotovi njihova dolžina z uporabo lastnosti “length”.
- Po tem je ' jsFunc() ” definira objekt Array, shranjen v spremenljivki “str”.
- Potem, ' document.getElementById () ” dostopa do prvega praznega odstavka prek njegovega id-ja “sample” za prikaz predmeta Array “str”.
- Na koncu povežite objekt »str« Array z » stringLength() ” za štetje dolžine niza vsakega indeksa matrike in ga nato dodate v naslednji prazen odstavek, katerega ID je “para”.
Izhod
Tukaj izhod prikazuje dolžino vsakega niza ciljnega objekta Array s pomočjo na novo dodane metode »stringLength()« prek konstruktorja »prototipa« Array.
2. primer: uporaba konstruktorja »prototipa« za ustvarjanje nove metode »myUcase« in njeno uporabo v objektu polja
Ta primer uporablja konstruktor »prototipa« za ustvarjanje nove metode »myUcase« in jo uporabi za ciljni objekt Array.
Koda JavaScript
Oglejmo si spodaj navedeno kodo JavaScript:
< scenarij >Array.prototype.myUcase = funkcijo ( ) {
za ( pustiti t = 0 ; t < this.length; t++ ) {
to [ t ] = to [ t ] .toUpperCase ( ) ;
}
} ;
funkcijo jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reagiraj' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'vzorec' ) .innerHTML = arrObj;
}
scenarij >
Tukaj konstruktor 'prototipa' ustvari novo metodo z imenom ' myUcase «, ki uporablja » Velike črke ” v definiciji funkcije za pretvorbo vsakega niza predmeta Array v “UpperCase”. V slednji funkciji se metoda po meri prav tako prikliče na Array.
Izhod
Kot je razvidno, vsak niz predmeta Array uporabi veliko začetnico ob kliku gumba zaradi uporabljene metode »myUcase()«.
Zaključek
Če želite uporabiti polje ' prototip ” konstruktorja v JavaScriptu, z njim povežite novo metodo/lastnost. Določa funkcijo, ki definira funkcionalnosti za drugo funkcijo na način po meri v skladu z zahtevami. Ta priročnik je na kratko razložil uporabo konstruktorja »prototipa« matrike v JavaScriptu.