Pada kesempatan kali ini saya akan menjelaskan cara menggunakan constructor array prototype di javascript. Perlu teman-teman kursus web design private online ketahui sebelumnya, prototype adalah salah satu constructor array javascript yang dapat kalian gunakan untuk menambahkan property atau method baru ke dalam object/element Array. Saat kalian menentukan suatu property maupun object kedalam fungsi yang dibuat, maka semua element array akan diberi dan diterapkan dengan property ataupun objek yang ditentukan.
Array.prototype tidak merujuk hanya ke satu array saja, akan tetapi ke semua object Array itu sendiri. Seperti pada contoh latihan yang akan kami kursus web design private online buatkan disini dimana dari setiap element array yang ada semuanya ingin saya ubah menjadi huruf besar semua.
Sedangkan isi dari setiap element array tersebut adalah huruf kecil semua. Dan untuk membuatnya kalian bisa buat seperti kode yang saya contohkan dibawah ini.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cara Menggunakan Constructor Array prototype Di JavaScript</title> </head> <body> <button onclick="ubahHuruf()">Ubah Huruf Besar</button> <div class="output"></div> </body> <script> Array.prototype.myUpper = function() { var i; for (i = 0; i < this.length; i++) { this[i] = this[i].toUpperCase(); } }; function ubahHuruf() { var buah = ["semangka", "melon", "pisang", "rambutan"]; buah.myUpper(); document.getElementsByClassName("output")[0].innerHTML = buah; } </script> </html> |
Sampai disini penjelasan kami kursus privat web design online mengenai cara menggunakan constructor array prototype di javascript, semoga bermanfaat.