Masīva objekts attēlo elementu kolekciju. Tas palīdz uzturēt lielu datu kopu, lai izvairītos no vairāku mainīgo lielumu sajaukšanas, tādējādi tos šķirojot. Ja lietotājs vēlas masīva objektam lietot kādu papildu metodi un rekvizītu, viņam nav nepieciešams lietot šo jauno rekvizītu/metodi pa vienam katram elementam. Tā vietā to var efektīvi izdarīt, izmantojot JavaScript masīvu ' prototips ” konstruktors. Šis konstruktors palīdz piemērot jaunās metodes un rekvizītus vēlamajam masīva objektam.
Šajā rokasgrāmatā ir izskaidrota masīva “prototipa” konstruktora izmantošana JavaScript.
Kā JavaScript izmantot masīva “prototipa” konstruktoru?
Masīvs' prototips ” konstruktors tiek izmantots, lai ar JavaScript funkcijas palīdzību pievienotu jaunas metodes un rekvizītus masīva objektam. Tas piemēro izveidoto rekvizītu visām masīva vērtībām kā tā nosaukumu un vērtību pēc noklusējuma.
Sintakse
Array.prototype.name = vērtība
Iepriekš minētajā sintaksē ' nosaukums ” norāda tikko pievienoto rekvizītu ar savu “ vērtību ”, kas attiecas uz visu Array objektu.
Izmantosim iepriekš definēto īpašību praktiski ar tās sintakses palīdzību.
HTML kods
Vispirms apskatiet norādīto HTML kodu:
< lpp > The 'prototips' konstruktors palīdz iekšā jauno metožu pievienošana / īpašības dotajam masīvam ( ) objektu. lpp >< pogu onclick = 'jsFunc()' > Iegūstiet katras virknes garumu pogu >
< lpp id = 'paraugs' > lpp >
< lpp id = 'priekš' > lpp >
Iepriekš minētajās koda rindās:
- ' ” tags norāda rindkopas paziņojumu.
- '
” tags iegulst pogu ar notikumu “onclick”, lai pēc pogas noklikšķināšanas izsauktu norādīto funkciju “jsFunc()”. - pēdējie divi' ” tagi pievieno tukšas rindkopas ar tiem piešķirtajiem ID “sample” un “para” attiecīgi.
Piezīme: Šis HTML kods tiek izmantots visos šīs rokasgrāmatas piemēros.
1. piemērs: Konstruktora “prototipa” izmantošana masīva objekta garuma skaitīšanai, pievienojot jaunu metodi
Šajā piemērā tiek izmantots “prototipa” konstruktors, lai ar nesen pievienotas metodes palīdzību saskaitītu katras virknes garumu masīva objektā.
JavaScript kods
Izpildiet doto JavaScript kodu:
< skripts >Array.prototype.stringLength = funkciju ( ) {
priekš ( kur t = 0 ; t < šis.garums; t++ ) {
šis [ t ] = šis [ t ] .garums;
}
} ;
funkciju jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'paraugs' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'priekš' ) .innerHTML = str;
}
skripts >
Iepriekš minētajās koda rindās:
- Lietojiet masīva pamata sintaksi ' prototips 'konstruktors, kas pievieno jaunu metodi' virknes garums ”, kas nosaka funkciju.
- Tālāk funkcijas definīcijā “ priekš ” cilpa tiek atkārtota pa visiem masīva objekta indeksiem, lai atrastu to garumu, izmantojot rekvizītu “length”.
- Pēc tam ' jsFunc() ” definē masīva objektu, kas saglabāts mainīgajā “str”.
- Pēc tam ' document.getElementById () ” metode piekļūst pirmajai tukšajai rindkopai, izmantojot tās id “sample”, lai parādītu masīva objektu “str”.
- Visbeidzot, saistiet masīva objektu “str” ar “ virknes garums() ” metodi, lai saskaitītu katra masīva indeksa virknes garumu un pēc tam pievienotu to nākamajai tukšajai rindkopai, kuras ID ir “para”.
Izvade
Šeit izvade parāda katras mērķa masīva objekta virknes garumu, izmantojot tikko pievienoto “stringLength()” metodi, izmantojot masīva “prototipa” konstruktoru.
2. piemērs: Konstruktora “prototipa” lietošana, lai izveidotu jaunu metodi “myUcase” un lietotu to masīva objektam
Šajā piemērā tiek izmantots “prototipa” konstruktors, lai izveidotu jaunu “myUcase” metodi un lietotu to mērķa masīva objektam.
JavaScript kods
Izskatīsim tālāk norādīto JavaScript kodu:
< skripts >Array.prototype.myUcase = funkciju ( ) {
priekš ( ļaut t = 0 ; t < šis.garums; t++ ) {
šis [ t ] = šis [ t ] .Lielajiem burtiem ( ) ;
}
} ;
funkciju jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reaģēt' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'paraugs' ) .innerHTML = arrObj;
}
skripts >
Šeit “prototipa” konstruktors izveido jaunu metodi ar nosaukumu “ myUcase ', kas izmanto ' Lielie burti ” metodi funkcijas definīcijā, lai katru masīva objekta virkni pārvērstu par “lielajiem burtiem”. Pēdējā funkcijā pielāgotā metode tiek izsaukta arī masīvā.
Izvade
Kā redzams, katra masīva objekta virkne izmanto pogas klikšķi, izmantojot lietoto “myUcase()” metodi.
Secinājums
Lai izmantotu masīvu ' prototips ” konstruktoru JavaScript, saistiet ar to jauno metodi/īpašību. Tas norāda funkciju, kas definē citas funkcijas funkcionalitāti pielāgotā veidā atbilstoši prasībām. Šajā rokasgrāmatā ir īsi izskaidrota masīva “prototipa” konstruktora izmantošana JavaScript.