Обектът Array представлява колекция от елементи. Помага при поддържането на голям набор от данни, за да се избегне объркването на множество променливи, като по този начин ги сортира. Ако потребителят иска да приложи допълнителен метод и свойство към обекта Array, не е необходимо да прилага това ново свойство/метод един по един към всеки елемент. Вместо това може да се направи ефективно с помощта на JavaScript масива ' прототип ” конструктор. Този конструктор помага при прилагането на новите методи и свойства към желания обект Array.
Това ръководство обяснява използването на конструктора „прототип“ на масива в JavaScript.
Как да използвам конструктора „прототип“ на масива в JavaScript?
Масивът “ прототип ” конструкторът се използва за добавяне на нови методи и свойства към обект Array с помощта на функцията JavaScript. Той прилага конструираното свойство за всички стойности на масива, като негово име и стойност по подразбиране.
Синтаксис
Array.prototype.name = стойност
В горния синтаксис „ име ” указва новодобавеното свойство със своето „ стойност ”, който се отнася за целия обект Array.
Нека използваме дефинираното по-горе свойство практически с помощта на неговия синтаксис.
HTML код
Първо, погледнете посочения HTML код:
< стр > The 'прототип' конструкторът помага в добавянето на нови методи / свойства към дадения масив ( ) обект. стр >< бутон onclick = 'jsFunc()' > Вземете всяка дължина на низ бутон >
< стр документ за самоличност = 'проба' > стр >
< стр документ за самоличност = 'за' > стр >
В горните кодови редове:
- „ ” тагът указва оператора на абзаца.
- „ <бутон> ” таг вгражда бутон със събитие „onclick”, за да извика определената функция „jsFunc()” при щракване върху бутона.
- Последните две' ” тагове добавят празни абзаци с присвоените им идентификатори съответно „sample” и „para”.
Забележка: Този HTML код се следва във всички дадени примери в това ръководство.
Пример 1: Прилагане на конструктора „прототип“ за преброяване на дължината на обекта на масива чрез добавяне на нов метод
Този пример използва конструктора „прототип“, за да преброи дължината на всеки низ в обект Array с помощта на новодобавен метод.
JavaScript код
Следвайте дадения JavaScript код:
< сценарий >Array.prototype.stringLength = функция ( ) {
за ( където t = 0 ; T < this.length; t++ ) {
това [ T ] = това [ T ] .дължина;
}
} ;
функция jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'проба' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'за' ) .innerHTML = str;
}
сценарий >
В горните редове код:
- Приложете основния синтаксис на масива ' прототип ” конструктор, който добавя нов метод “ stringLength ”, дефинираща функция.
- След това в дефиницията на функцията „ за ” цикълът се повтаря през всички индекси на обект Array, за да се намери дължината им с помощта на свойството „length”.
- След това „ jsFunc() ” дефинира обект Array, съхранен в променливата “str”.
- Тогава ' document.getElementById () ” достъп до първия празен абзац чрез неговия идентификатор „sample”, за да покаже обекта Array „str”.
- И накрая, асоциирайте обекта „str“ Array с „ stringLength() ”, за да преброите дължината на низа на всеки индекс на масив и след това да го добавите в следващия празен параграф, чийто id е „para”.
Изход
Тук изходът показва дължината на всеки низ от целевия обект Array с помощта на новодобавения метод „stringLength()“ чрез конструктора „prototype“ на Array.
Пример 2: Прилагане на конструктора „прототип“ за създаване на нов метод „myUcase“ и прилагането му към масивен обект
Този пример използва конструктора „прототип“ за създаване на нов метод „myUcase“ и го прилага към целевия обект Array.
JavaScript код
Нека да преминем през посочения по-долу JavaScript код:
< сценарий >Array.prototype.myUcase = функция ( ) {
за ( позволявам t = 0 ; T < this.length; t++ ) {
това [ T ] = това [ T ] .toUpperCase ( ) ;
}
} ;
функция jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'реагирай' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'проба' ) .innerHTML = arrObj;
}
сценарий >
Тук конструкторът „прототип“ създава нов метод с име „ myUcase ”, който използва „ Главна буква ” в дефиницията на функцията за преобразуване на всеки низ от обекта Array в „Главен регистър”. В последната функция персонализираният метод също се извиква от масива.
Изход
Както се вижда, всеки низ от обект Array се капитализира при щракване на бутон поради приложения метод „myUcase()“.
Заключение
За да използвате масива ' прототип ” конструктор в JavaScript, свържете новия метод/свойство с него. Той определя функция, която дефинира функционалностите за друга функция по персонализиран начин според изискванията. Това ръководство обяснява накратко използването на конструктора „прототип“ на масива в JavaScript.