Objek Array mewakili kumpulan elemen. Ini membantu dalam memelihara sekumpulan besar data untuk menghindari kebingungan berbagai variabel, sehingga menyortirnya. Jika pengguna ingin menerapkan metode dan properti tambahan apa pun ke objek Array, ia tidak perlu menerapkan properti/metode baru itu satu per satu ke setiap elemen. Sebaliknya, itu dapat dilakukan secara efektif dengan menggunakan JavaScript Array “ prototipe ” konstruktor. Konstruktor ini membantu menerapkan metode dan properti baru ke objek Array yang diinginkan.
Panduan ini menjelaskan penggunaan konstruktor 'prototipe' Array dalam JavaScript.
Bagaimana Cara Menggunakan Konstruktor 'prototipe' Array dalam JavaScript?
Susunan “ prototipe ” konstruktor digunakan untuk menambahkan metode dan properti baru ke objek Array dengan bantuan fungsi JavaScript. Itu menerapkan properti yang dibangun untuk semua nilai array, sebagai nama dan nilainya secara default.
Sintaksis
Larik.prototipe.nama = nilai
Dalam sintaks di atas, “ nama ” menentukan properti yang baru ditambahkan dengan “ nilai ” yang berlaku untuk seluruh objek Array.
Mari gunakan properti yang ditentukan di atas secara praktis dengan bantuan sintaksnya.
Kode HTML
Pertama, lihat kode HTML yang disebutkan:
< P > Itu 'prototipe' konstruktor membantu di dalam penambahan metode baru / properti ke Array yang diberikan ( ) obyek. P >< tombol onclick = 'jsFunc()' > Dapatkan Setiap Panjang String tombol >
< P pengenal = 'Sampel' > P >
< P pengenal = 'untuk' > P >
Pada baris kode di atas:
- “ ” tag menentukan pernyataan paragraf.
- “
” tag menyematkan tombol dengan acara 'onclick' untuk menjalankan fungsi yang ditentukan 'jsFunc()' saat tombol diklik. - Dua terakhir ' ” tag menambahkan paragraf kosong dengan id masing-masing 'sampel', dan 'para'.
Catatan: Kode HTML ini diikuti dalam semua contoh yang diberikan dalam panduan ini.
Contoh 1: Menerapkan Konstruktor 'prototipe' untuk Menghitung Panjang Objek Larik dengan Menambahkan Metode Baru
Contoh ini menggunakan konstruktor 'prototipe' untuk menghitung panjang setiap string di dalam objek Array dengan bantuan metode yang baru ditambahkan.
Kode JavaScript
Ikuti kode JavaScript yang diberikan:
< naskah >Array.prototype.stringLength = fungsi ( ) {
untuk ( dimana t = 0 ; T < this.panjang; t++ ) {
ini [ T ] = ini [ T ] .panjang;
}
} ;
fungsi jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
document.getElementById ( 'Sampel' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'untuk' ) .innerHTML = str;
}
naskah >
Pada baris kode di atas:
- Terapkan sintaks dasar Array “ prototipe ” konstruktor yang menambahkan metode baru “ stringLength ” mendefinisikan suatu fungsi.
- Selanjutnya, dalam definisi fungsi, ' untuk ” loop diulangi pada semua indeks objek Array untuk menemukan panjangnya menggunakan properti 'panjang'.
- Setelah itu, “ jsFunc() ” mendefinisikan objek Array yang disimpan dalam variabel 'str'.
- Kemudian, “ document.getElementById () ” metode mengakses paragraf kosong pertama melalui id 'sampel' untuk menampilkan objek Array 'str'.
- Terakhir, kaitkan objek Array 'str' dengan ' stringLength() ” metode untuk menghitung panjang string dari setiap indeks array dan kemudian menambahkannya ke paragraf kosong berikutnya yang id-nya adalah 'para'.
Keluaran
Di sini, output menunjukkan panjang setiap string objek Array target dengan bantuan metode 'stringLength()' yang baru ditambahkan melalui konstruktor 'prototipe' Array.
Contoh 2: Menerapkan Konstruktor 'prototipe' untuk Membuat Metode Baru 'myUcase' dan Menerapkannya ke Objek Array
Contoh ini menggunakan konstruktor 'prototipe' untuk membuat metode 'myUcase' baru dan menerapkannya ke objek Array target.
Kode JavaScript
Mari kita lihat kode JavaScript yang disebutkan di bawah ini:
< naskah >Array.prototype.myUcase = fungsi ( ) {
untuk ( membiarkan t = 0 ; T < this.panjang; t++ ) {
ini [ T ] = ini [ T ] .toUpperCase ( ) ;
}
} ;
fungsi jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Reaksi' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'Sampel' ) .innerHTML = arrObj;
}
naskah >
Di sini, konstruktor 'prototipe' membuat metode baru bernama ' myUcase ” yang menggunakan “ Huruf besar ” dalam definisi fungsi untuk mengonversi setiap string objek Array menjadi “Kasus Besar”. Dalam fungsi terakhir, metode custom juga dipanggil pada Array.
Keluaran
Seperti yang terlihat, setiap string objek Array mengkapitalisasi pada klik tombol karena metode 'myUcase()' yang diterapkan.
Kesimpulan
Untuk menggunakan Larik “ prototipe ” konstruktor dalam JavaScript, kaitkan metode/properti baru dengannya. Ini menentukan fungsi yang mendefinisikan fungsionalitas untuk fungsi lain dengan cara khusus sesuai persyaratan. Panduan ini menjelaskan secara singkat penggunaan konstruktor 'prototipe' Array dalam JavaScript.