Objekt Array predstavlja kolekciju elemenata. Pomaže u održavanju velikog skupa podataka kako bi se izbjegla zabuna više varijabli, čime se sortiraju. Ako korisnik želi primijeniti bilo koju dodatnu metodu i svojstvo na objekt Array, ne mora primijeniti to novo svojstvo/metodu jedno po jedno na svaki element. Umjesto toga, to se može učiniti učinkovito pomoću JavaScript polja ' prototip ” konstruktor. Ovaj konstruktor pomaže u primjeni novih metoda i svojstava na željeni Array objekt.
Ovaj vodič objašnjava upotrebu konstruktora 'prototipa' polja u JavaScriptu.
Kako koristiti konstruktor “prototipa” polja u JavaScriptu?
niz ' prototip ” konstruktor se koristi za dodavanje novih metoda i svojstava Array objektu uz pomoć JavaScript funkcije. Primjenjuje izgrađeno svojstvo za sve vrijednosti polja, kao svoje ime i vrijednost prema zadanim postavkama.
Sintaksa
Array.prototype.name = vrijednost
U gornjoj sintaksi, ' Ime ” specificira novo dodano svojstvo sa svojim “ vrijednost ” koji se odnosi na cijeli objekt polja.
Upotrijebimo gore definirano svojstvo praktično uz pomoć njegove sintakse.
HTML kôd
Prvo pogledajte navedeni HTML kod:
< str > The 'prototip' konstruktor pomaže u dodavanje novih metoda / svojstva zadanog niza ( ) objekt. str >< dugme na klik = 'jsFunc()' > Dobijte svaku duljinu niza dugme >
< str iskaznica = 'uzorak' > str >
< str iskaznica = 'za' > str >
U gornjim linijama koda:
- ' ” oznaka navodi naredbu odlomka.
- '
” ugrađuje gumb s događajem “onclick” za pozivanje navedene funkcije “jsFunc()” nakon klika na gumb. - Zadnja dva' ” oznake dodaju prazne odlomke s njihovim dodijeljenim ID-ovima „uzorak”, odnosno „para”.
Bilješka: Ovaj HTML kôd slijedi u svim navedenim primjerima u ovom vodiču.
Primjer 1: Primjena konstruktora 'prototipa' za brojanje duljine objekta niza dodavanjem nove metode
Ovaj primjer koristi konstruktor 'prototipa' za brojanje duljine svakog niza unutar objekta Array uz pomoć novo dodane metode.
JavaScript kod
Slijedite navedeni JavaScript kôd:
< skripta >Array.prototype.stringLength = funkcija ( ) {
za ( gdje je t = 0 ; t < ovo.duljina; t++ ) {
ovaj [ t ] = ovo [ t ] .duljina;
}
} ;
funkcija jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'uzorak' ) .unutarnjiHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'za' ) .unutarnjiHTML = str;
}
skripta >
U gornjim redcima koda:
- Primijenite osnovnu sintaksu polja ' prototip ” konstruktor koji dodaje novu metodu “ dužina niza ” definiranje funkcije.
- Zatim, u definiciji funkcije, ' za ” petlja se ponavlja preko svih indeksa objekta Array da bi se pronašla njihova duljina pomoću svojstva “length”.
- Nakon toga, ' jsFunc() ” definira objekt Array pohranjen u varijabli “str”.
- Onda ' document.getElementById () ” metoda pristupa prvom praznom odlomku preko njegovog ID-a “uzorak” za prikaz objekta Array “str”.
- Na kraju, pridružite “str” Array objekt s “ dužina niza() ” za brojanje duljine niza svakog indeksa polja i zatim ga dodajte u sljedeći prazan odlomak čiji je ID “para”.
Izlaz
Ovdje izlaz prikazuje duljinu svakog niza ciljnog objekta Array uz pomoć novo dodane metode 'stringLength()' preko konstruktora 'prototipa' Array.
Primjer 2: Primjena konstruktora “prototype” za stvaranje nove metode “myUcase” i njezina primjena na objekt polja
Ovaj primjer koristi konstruktor 'prototipa' za stvaranje nove metode 'myUcase' i primjenjuje je na ciljni objekt Array.
JavaScript kod
Prođimo kroz dolje navedeni JavaScript kod:
< skripta >Array.prototype.myUcase = funkcija ( ) {
za ( neka t = 0 ; t < ovo.duljina; t++ ) {
ovaj [ t ] = ovo [ t ] .velikim slovima ( ) ;
}
} ;
funkcija jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reagirati' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'uzorak' ) .unutarnjiHTML = arrObj;
}
skripta >
Ovdje konstruktor 'prototipa' stvara novu metodu pod nazivom ' mojUcase ' koji koristi ' velika slova ” u definiciji funkcije za pretvaranje svakog niza objekta Array u “Velika slova”. U potonjoj funkciji, prilagođena metoda se također poziva na polje.
Izlaz
Kao što se vidi, svaki niz objekta Array koristi veliko slovo nakon klika na gumb zbog primijenjene metode 'myUcase()'.
Zaključak
Za korištenje polja ' prototip ” konstruktor u JavaScriptu, pridružite mu novu metodu/svojstvo. Određuje funkciju koja definira funkcionalnosti za drugu funkciju na prilagođeni način prema zahtjevima. Ovaj vodič ukratko objašnjava korištenje konstruktora “prototipa” polja u JavaScriptu.