Ang Array object ay kumakatawan sa isang koleksyon ng mga elemento. Nakakatulong ito sa pagpapanatili ng isang malaking hanay ng data upang maiwasan ang pagkalito ng maraming mga variable, sa gayon ay pinagbubukod-bukod ang mga ito. Kung gusto ng user na maglapat ng anumang karagdagang pamamaraan at property sa Array object, hindi nito kailangang ilapat ang bagong property/paraan na iyon nang paisa-isa sa bawat elemento. Sa halip, maaari itong gawin nang epektibo sa pamamagitan ng paggamit ng JavaScript Array ' prototype ” constructor. Tumutulong ang constructor na ito sa paglalapat ng mga bagong pamamaraan at katangian sa gustong Array object.
Ipinapaliwanag ng gabay na ito ang paggamit ng Array 'prototype' constructor sa JavaScript.
Paano Gamitin ang Array 'prototype' Constructor sa JavaScript?
Ang Array ' prototype ” constructor ay ginagamit upang magdagdag ng mga bagong pamamaraan at katangian sa isang Array object sa tulong ng JavaScript function. Inilalapat nito ang constructed property para sa lahat ng array value, bilang pangalan at value nito bilang default.
Syntax
Array.prototype.name = halaga
Sa syntax sa itaas, ' pangalan Tinutukoy ng ” ang bagong idinagdag na property kasama ang “ halaga ” na naaangkop sa buong Array object.
Gamitin natin ang natukoy na ari-arian nang praktikal sa tulong ng syntax nito.
HTML Code
Una, tingnan ang nakasaad na HTML code:
< p > Ang 'prototype' tumutulong ang tagabuo sa pagdaragdag ng mga bagong pamamaraan / mga katangian sa ibinigay na Array ( ) bagay. p >< pindutan onclick = 'jsFunc()' > Kunin ang Bawat Haba ng String pindutan >
< p id = 'sample' > p >
< p id = 'para sa' > p >
Sa mga linya ng code sa itaas:
- Ang ' Tinutukoy ng tag na ” ang pahayag ng talata.
- Ang ' Ang tag ng ” ay nag-e-embed ng isang button na may kaganapang “onclick” upang ma-invoke ang tinukoy na function na “jsFunc()” sa pag-click sa button.
- Ang huling dalawa' Ang mga tag ng ” ay nagdaragdag ng mga walang laman na talata kasama ng kanilang mga nakatalagang id na “sample”, at “para”, ayon sa pagkakabanggit.
Tandaan: Ang HTML code na ito ay sinusunod sa lahat ng ibinigay na halimbawa sa gabay na ito.
Halimbawa 1: Paglalapat ng 'prototype' Constructor upang Bilangin ang Array Object Length sa pamamagitan ng Pagdaragdag ng Bagong Paraan
Ang halimbawang ito ay gumagamit ng 'prototype' constructor upang mabilang ang haba ng bawat string sa loob ng Array object sa tulong ng isang bagong idinagdag na paraan.
JavaScript Code
Sundin ang ibinigay na JavaScript code:
< iskrip >Array.prototype.stringLength = function ( ) {
para sa ( kung saan t = 0 ; t < ito.haba; t++ ) {
ito [ t ] = ito [ t ] .haba;
}
} ;
function jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'sample' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'para sa' ) .innerHTML = str;
}
iskrip >
Sa itaas na mga linya ng code:
- Ilapat ang pangunahing syntax ng Array ' prototype 'tagabuo na nagdaragdag ng bagong pamamaraan' stringLength ” pagtukoy sa isang function.
- Susunod, sa kahulugan ng function, ang ' para sa Ang ” loop ay inuulit sa lahat ng mga indeks ng isang Array object upang mahanap ang haba ng mga ito gamit ang property na “length”.
- Pagkatapos nito, ang ' jsFunc() Tinutukoy ng ” ang isang Array object na nakaimbak sa variable na “str”.
- Pagkatapos, ang ' document.getElementById () Ina-access ng paraan ng ” ang unang walang laman na talata sa pamamagitan ng id na “sample” nito upang ipakita ang Array object na “str”.
- Panghuli, iugnay ang 'str' Array object sa ' stringLength() ” paraan para mabilang ang haba ng string ng bawat array index at pagkatapos ay idagdag ito sa susunod na walang laman na talata na ang id ay “para”.
Output
Dito, ipinapakita ng output ang haba ng bawat string ng target na Array object sa tulong ng bagong idinagdag na 'stringLength()' na paraan sa pamamagitan ng Array 'prototype' constructor.
Halimbawa 2: Paglalapat ng 'prototype' Constructor upang Gumawa ng Bagong Paraan 'myUcase' at Ilapat ito sa isang Array Object
Ang halimbawang ito ay gumagamit ng 'prototype' na tagabuo upang lumikha ng isang bagong 'myUcase' na pamamaraan at inilalapat ito sa target na Array object.
JavaScript Code
Tingnan natin ang nakasaad sa ibaba ng JavaScript code:
< iskrip >Array.prototype.myUcase = function ( ) {
para sa ( hayaan t = 0 ; t < ito.haba; t++ ) {
ito [ t ] = ito [ t ] .toUpperCase ( ) ;
}
} ;
function jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Magreact' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'sample' ) .innerHTML = arrObj;
}
iskrip >
Dito, ang tagabuo ng 'prototype' ay lumilikha ng isang bagong pamamaraan na pinangalanang ' myUcase 'na gumagamit ng' UpperCase ” na paraan sa kahulugan ng function upang i-convert ang bawat string ng Array object sa “UpperCase”. Sa huling function, ang custom na paraan ay ginagamit din sa Array.
Output
Gaya ng nakikita, ang bawat string ng isang Array object ay nag-capitalize sa isang pag-click sa pindutan dahil sa inilapat na 'myUcase()' na paraan.
Konklusyon
Upang gamitin ang Array ' prototype ” constructor sa JavaScript, iugnay ang bagong pamamaraan/property dito. Tinutukoy nito ang isang function na tumutukoy sa mga functionality para sa isa pang function sa isang custom na paraan ayon sa mga kinakailangan. Maikling ipinaliwanag ng gabay na ito ang paggamit ng Array 'prototype' constructor sa JavaScript.