Pada kesempatan kali ini saya akan membahas tentang array pada Javascript,array merupakan tempat penyimpanan beberapa data bisa satu,dua,tiga atau bisa lebih. Bagaimana data sebuah array bisa dikurangi atau ditambah?? .Maka mari kita mulai bahas cara memisahkan dan menambah data array pada javascript. Disini saya akan menggunakan sebuah metode splice ya sahabat.Metode splice itu sendiri bisa memiliki lebih dari satu parameter, parameter yang pertama dan kedua berisi nilai(angka) posisi array yang akan dilakukan eksekusi. Kemudian pada parameter ketiga dan selanjutnya bisa berisi type data yang akan ditambahkan kedalam array contohnya data number atau data string.Saya disini akan membuat contoh kasus cara memisahkan data Instruktur Webmaster, dimana ingin memisahkan data pada variable array instruktur dari posisi data ke 5 maka diberikan parameter 5, baiklah untuk lebih jelasnya sahabat dapat perhatikan syntax HTML dibawah ini:
dan tambahkan script untuk javascript berikut ini:
1 2 3 4 5 6 7 8 9 10 11 |
<script> var instruktur = ["Andi", "Bani", "David", "Eno", "Edd", "Gary", "Gobel"]; var pisah = instruktur.splice(5); // hasil data variable array instruktur yang akan ditampilkan pada browser document.getElementsByTagName("h4")[0].innerHTML = " <i>Data array Instruktur : </i> " + instruktur; // hasil data variable array pisah yang akan ditampilkan pada browser document.getElementsByTagName("h4")[1].innerHTML = " <i>Data array Pisah : </i> " + pisah; </script> |
script diatas saya membuat sebuah array instruktur, sahabat dapat simak pada sintax var pisah = instruktur.splice(5) merupakan memisahkan data urutan posisi ke 5 dari array instruktur, dan nanti hasil dari data array yang dipisahkan akan ditampung kedalam variable baru yang diberi nama variable “pisah”. Maka hasilnya akan tampilan pada browser seperti berikut :
Pada contoh selanjutnya saya akan menambahkan data pada array menggunakan metode yang sama yaitu “metode spilce” ,disini kita akan memberikan 2 buah parameter yang dipakai. Parameter pertama adalah posisi urutan data array , sedangkan untuk parameter kedua apabila tidak ingin menghapus data pada array maka diberi nilai 0, untuk parameter ke 3 dan selanjutnya berupa data yang akan ditambahkan kedalam array, data yang ditambahkan bisa berupa angka ,string, dan lainnya. Bisa sahabar lihat pada syntax dibawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<body> <h1>Cara Memisahkan dan Menambah <br>Data Array Pada Javascript</h1> <q> Contoh 1 Menambahkan Data </q> <h4></h4> <q> Contoh 2 Menghapus Data </q> <h4></h4> <script> var kursus = ["Web Master", "Web Design", "Web Programming", "Design Graphic"]; var instruktur = ["Andi", "Bani", "David", "Eno"]; kursus.splice(3, 0, "Digital Marketing", "Mobile Apps"); instruktur.splice(2, 2, "Edd", "Gary", "Gobel"); document.getElementsByTagName("h4")[0].innerHTML = " <i>Data array Kursus : </i> " + kursus; document.getElementsByTagName("h4")[1].innerHTML = " <i>Data array Kursus : </i> " + instruktur; </script> </body> |
penjelasan pada script diatas ada 2 buah variable
- data array kursus untuk cara menambahkan data array tanpa menghapus isi data array nya.
- data array instruktur untuk menambahkan data array tetapi ada data yang dihapus ,bisa dilihat pada script instruktur.splice(2, 2,..,) pada parameter 1 posisi array ke-2 dan parameter 2 adalah jumlah data yang dihapus.
jika sahabat jalankan pada browser maka akan tampil seperti berikt ini :
Demikian pembahasan tentang cara memisahkan dan menambah data array pada javascript, semoga bermanfaat dan selamat mencoba
terima kasih