Objek Array mewakili koleksi elemen. Ia membantu dalam mengekalkan set data yang besar untuk mengelakkan kekeliruan berbilang pembolehubah, dengan itu menyusunnya. Jika pengguna ingin menggunakan sebarang kaedah dan sifat tambahan pada objek Array, ia tidak perlu menggunakan sifat/kaedah baharu itu satu demi satu pada setiap elemen. Sebaliknya, ia boleh dilakukan dengan berkesan dengan menggunakan JavaScript Array “ prototaip ” pembina. Pembina ini membantu dalam menggunakan kaedah dan sifat baharu pada objek Array yang dikehendaki.
Panduan ini menerangkan penggunaan pembina 'prototaip' Array dalam JavaScript.
Bagaimana untuk Menggunakan Pembina 'prototaip' Array dalam JavaScript?
Susunan ' prototaip ” constructor digunakan untuk menambah kaedah dan sifat baharu pada objek Array dengan bantuan fungsi JavaScript. Ia menggunakan sifat yang dibina untuk semua nilai tatasusunan, sebagai nama dan nilainya secara lalai.
Sintaks
Array.prototype.name = nilai
Dalam sintaks di atas, ' nama ” menentukan harta yang baru ditambah dengan “ nilai ” yang digunakan untuk keseluruhan objek Array.
Mari gunakan sifat yang ditakrifkan di atas secara praktikal dengan bantuan sintaksnya.
Kod HTML
Pertama, lihat kod HTML yang dinyatakan:
< hlm > The 'prototaip' pembina membantu dalam penambahan kaedah baru / sifat kepada Array yang diberikan ( ) objek. hlm >< butang onclick = 'jsFunc()' > Dapatkan Setiap Panjang Rentetan butang >
< hlm ID = 'sampel' > hlm >
< hlm ID = 'untuk' > hlm >
Dalam baris kod di atas:
- ' teg ” menentukan pernyataan perenggan.
- '
teg ” membenamkan butang dengan acara “onclick” untuk menggunakan fungsi yang ditentukan “jsFunc()” apabila butang klik. - Dua yang terakhir' teg ” menambah perenggan kosong dengan id yang diberikan “sampel” dan “para” masing-masing.
Catatan: Kod HTML ini diikuti dalam semua contoh yang diberikan dalam panduan ini.
Contoh 1: Menggunakan Pembina 'prototaip' untuk Mengira Panjang Objek Tatasusunan dengan Menambah Kaedah Baharu
Contoh ini menggunakan pembina 'prototaip' untuk mengira panjang setiap rentetan di dalam objek Array dengan bantuan kaedah yang baru ditambah.
Kod JavaScript
Ikuti kod JavaScript yang diberikan:
< skrip >Array.prototype.stringLength = fungsi ( ) {
untuk ( di mana t = 0 ; t < ini.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;
}
skrip >
Dalam baris kod di atas:
- Gunakan sintaks asas Array ' prototaip 'pembina yang menambah kaedah baharu' panjang tali ” mentakrifkan fungsi.
- Seterusnya, dalam definisi fungsi, ' untuk gelung ” diulang ke atas semua indeks objek Array untuk mencari panjangnya menggunakan sifat “panjang”.
- Selepas itu, ' jsFunc() ” mentakrifkan objek Tatasusunan yang disimpan dalam pembolehubah “str”.
- Kemudian, ' document.getElementById () ' kaedah mengakses perenggan kosong pertama melalui id 'sampel' untuk memaparkan objek Tatasusunan 'str'.
- Akhir sekali, kaitkan objek Array 'str' dengan ' stringLength() ” kaedah untuk mengira panjang rentetan setiap indeks tatasusunan dan kemudian menambahkannya ke dalam perenggan kosong seterusnya yang idnya ialah “para”.
Pengeluaran
Di sini, output menunjukkan panjang setiap rentetan objek Array sasaran dengan bantuan kaedah 'stringLength()' yang baru ditambah melalui pembina 'prototaip' Array.
Contoh 2: Menggunakan Pembina 'prototaip' untuk Mencipta Kaedah Baharu 'myUcase' dan Gunakannya pada Objek Tatasusunan
Contoh ini menggunakan pembina 'prototaip' untuk mencipta kaedah 'myUcase' baharu dan menggunakannya pada objek Array sasaran.
Kod JavaScript
Mari lihat kod JavaScript yang dinyatakan di bawah:
< skrip >Array.prototype.myUcase = fungsi ( ) {
untuk ( biarkan t = 0 ; t < ini.panjang; t++ ) {
ini [ t ] = ini [ t ] .toUpperCase ( ) ;
}
} ;
fungsi jsFunc ( ) {
const arrObj = [ 'html' , 'css' , 'JavaScript' , 'Bertindak' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'sampel' ) .innerHTML = arrObj;
}
skrip >
Di sini, pembina 'prototaip' mencipta kaedah baharu bernama ' myUcase ” yang menggunakan “ Huruf Besar ” kaedah dalam definisi fungsi untuk menukar setiap rentetan objek Array menjadi “UpperCase”. Dalam fungsi terakhir, kaedah tersuai juga digunakan pada Array.
Pengeluaran
Seperti yang dilihat, setiap rentetan objek Array menggunakan huruf besar pada klik butang kerana kaedah 'myUcase()' yang digunakan.
Kesimpulan
Untuk menggunakan Array ' prototaip ” pembina dalam JavaScript, kaitkan kaedah/harta baharu dengannya. Ia menentukan fungsi yang mentakrifkan fungsi untuk fungsi lain dengan cara tersuai mengikut keperluan. Panduan ini menerangkan secara ringkas penggunaan pembina 'prototaip' Array dalam JavaScript.