Объект Array представляет собой набор элементов. Это помогает поддерживать большой набор данных, чтобы избежать путаницы с несколькими переменными, тем самым сортируя их. Если пользователь хочет применить какой-либо дополнительный метод и свойство к объекту Array, ему не нужно применять это новое свойство/метод по одному к каждому элементу. Вместо этого это можно сделать эффективно, используя массив JavaScript». опытный образец 'Конструктор. Этот конструктор помогает применять новые методы и свойства к желаемому объекту Array.
В этом руководстве объясняется использование конструктора «прототипа» Array в JavaScript.
Как использовать конструктор «прототипа» массива в JavaScript?
Массив ' опытный образец » используется для добавления новых методов и свойств к объекту Array с помощью функции JavaScript. Он применяет сконструированное свойство ко всем значениям массива в качестве его имени и значения по умолчанию.
Синтаксис
Массив.прототип.имя = значение
В приведенном выше синтаксисе « имя ” указывает вновь добавленное свойство с его “ ценить », который применяется ко всему объекту Array.
Давайте воспользуемся определенным выше свойством практически с помощью его синтаксиса.
HTML-код
Во-первых, взгляните на указанный HTML-код:
< п > 'опытный образец' конструктор помогает в добавление новых методов / свойства для данного массива ( ) объект. п >< кнопка по щелчку '=' 'jsFunc()' > Получить каждую длину строки кнопка >
< п идентификатор '=' 'образец' > п >
< п идентификатор '=' 'для' > п >
В приведенных выше строках кода:
- “ <р> Тег определяет оператор абзаца.
- “ <кнопка> » встраивает кнопку с событием «onclick» для вызова указанной функции «jsFunc()» при нажатии кнопки.
- Последние два» <р> » добавляют пустые абзацы с присвоенными им идентификаторами «sample» и «para» соответственно.
Примечание: Этот код HTML используется во всех приведенных примерах в этом руководстве.
Пример 1. Применение конструктора «прототип» для подсчета длины объекта массива путем добавления нового метода
В этом примере используется конструктор «прототип» для подсчета длины каждой строки внутри объекта Array с помощью недавно добавленного метода.
JavaScript-код
Следуйте указанному коду JavaScript:
< сценарий >Array.prototype.stringLength = функция ( ) {
для ( где т = 0 ; т < эта.длина; т++ ) {
этот [ т ] = это [ т ] .длина;
}
} ;
функция jsFunc ( ) {
переменная ул = [ 'HTML' , 'КСС' , 'Джаваскрипт' ] ;
документ.getElementById ( 'образец' ) .innerHTML = ул;
str.stringLength ( ) ;
документ.getElementById ( 'для' ) .innerHTML = ул;
}
сценарий >
В приведенных выше строках кода:
- Примените основной синтаксис массива « опытный образец 'конструктор, который добавляет новый метод' длина строки ” определение функции.
- Далее, в определении функции « для » повторяется по всем индексам объекта Array, чтобы найти их длину с помощью свойства «length».
- После этого « jsFunc() » определяет объект Array, хранящийся в переменной «str».
- Затем « документ.getElementById () » обращается к первому пустому абзацу через его идентификатор «sample» для отображения объекта массива «str».
- Наконец, свяжите объект массива «str» с « длина строки() », чтобы подсчитать длину строки каждого индекса массива, а затем добавить ее в следующий пустой абзац, идентификатор которого равен «para».
Выход
Здесь выходные данные показывают длину каждой строки целевого объекта Array с помощью недавно добавленного метода «stringLength()» через конструктор «прототипа» Array.
Пример 2. Применение конструктора «прототип» для создания нового метода «myUcase» и применения его к объекту массива
В этом примере используется конструктор «прототип» для создания нового метода «myUcase» и применения его к целевому объекту Array.
JavaScript-код
Давайте рассмотрим приведенный ниже код JavaScript:
< сценарий >Массив.прототип.myUcase = функция ( ) {
для ( позволять т = 0 ; т < эта.длина; т++ ) {
этот [ т ] = это [ т ] .toUpperCase ( ) ;
}
} ;
функция jsFunc ( ) {
константа arrObj = [ 'html' , 'CSS' , 'Джаваскрипт' , 'Реагировать' ] ;
arrObj.myUcase ( ) ;
документ.getElementById ( 'образец' ) .innerHTML = arrObj;
}
сценарий >
Здесь конструктор «прототипа» создает новый метод с именем « мой Ucase », который использует « Верхний регистр » в определении функции для преобразования каждой строки объекта Array в «UpperCase». В последней функции пользовательский метод также вызывается для массива.
Выход
Как видно, каждая строка объекта Array извлекает выгоду из нажатия кнопки из-за примененного метода «myUcase()».
Заключение
Чтобы использовать массив « опытный образец » в JavaScript, свяжите с ним новый метод/свойство. Он определяет функцию, которая определяет функциональные возможности другой функции в соответствии с требованиями. В этом руководстве кратко объясняется использование конструктора «прототипа» Array в JavaScript.