Bagaimana jika ada 100 produk, apakah kita mengalikan variabel dengan 100 dan menghasilkan 4 dengan 100x? Show
Capek donk Oleh karena itu, kita harus menggunakan Array Apa itu Array?Sebelum kita membahas Array, mari kita bahas terlebih dahulu apa itu struktur data? Struktur data adalah cara atau metode yang digunakan untuk menyimpan data dalam memori komputer Salah satu struktur data yang sering digunakan dalam pemrograman adalah Array Array adalah struktur data yang digunakan untuk menyimpan sekelompok data di satu tempat Setiap data di dalam Array memiliki indeks, sehingga kita akan dengan mudah memprosesnya Indeks array selalu dimulai dari nol ( 5)Pada teori struktur data… ...Ukuran array akan bergantung pada jumlah data yang disimpan di dalamnya Cara Membuat Array di JavascriptDalam javascript, kita dapat membuat array dengan tanda kurung siku ( 6)Contoh
Maka variabel _7 akan berisi array kosongKita dapat mengisi data ke dalam array, kemudian setiap data dipisahkan dengan koma ( 8)Contoh
Oya, karena javascript adalah bahasa pemrograman pengetikan yang dinamis... ...kemudian kita dapat menyimpan dan mencampur apa saja di dalam array Contoh
Cara Mengambil Data dari ArraySeperti yang sudah kita ketahui… Array akan menyimpan sekelompok data dan memberinya nomor indeks untuk memudahkan akses Indeks array selalu diinisialisasi dari nol 5Misalkan kita memiliki array seperti ini _Bagaimana kita mengambil nilai 0?Jawabannya seperti ini
Mengapa tidak _1?Ingat. indeks array selalu dimulai dari nol Agar lebih jelas, mari kita coba dalam sebuah program
Hasil Cetak isi Array dengan LoopingKita bisa mencetak semua isi array satu per satu seperti ini
Bagaimana jika array berisi _2?Tentu saja kita tidak ingin menulis 2 baris kode untuk mencetak arraySolusinya. Gunakan pengulangan Mari kita lihat sebuah contoh
Hasil Perhatian… Pada contoh di atas, kita menggunakan properti 4 untuk mengambil panjang arrayKami memiliki _5 data dalam array 7, maka properti 4 akan menjadi 5Kemudian kami menggunakan properti ini untuk membatasi jumlah iterasi di for
...dan di blok for, kami mencetak konten produk dengan indeks yang mengacu pada variabel 9Cara lain Kita dapat menggunakan pengulangan dengan metode _0Contoh 0Hasilnya akan sama seperti di atas Cara Menambahkan Data ke ArrayAda dua cara untuk menambahkan data ke array
Mengisi dengan indeks berarti ini… Misalnya, kami memiliki array dengan konten berikut 1Ada tiga data dalam array _2 dengan indeks
Kami ingin menambahkan lebih banyak data ke indeks ke-______9_______9, sehingga kami dapat melakukannya seperti ini 2Sekarang array 2 akan berisi 5 dataMari kita coba di konsol Javascript Itu benar… _2 kami berhasil menambahkan ke array 2Tetapi kerugian dari metode ini adalah Kita harus mengetahui jumlah data atau panjang array, baru kita bisa menambahkan Jika kita memasukkan nomor indeks secara acak, yang terjadi nanti adalah data dalam indeks akan tertimpa Lalu apa solusinya? Kami menggunakan metode _1Kita tidak perlu mengetahui panjang array, karena metode 1 akan menambahkan data ke array dari belakang atau belakangContoh _3Jadi hasilnya Kita juga bisa menambahkan beberapa data sekaligus dengan cara ini _4Cara Menghapus Data LarikSama seperti menambahkan data ke array, menghapus data juga memiliki dua cara
Contoh 5Kami dapat menghapus data dengan nomor indeks tertentu dengan 6. Sementara _7 akan dihapus dari belakangKerugian dari _6, ini akan membuat ruang kosong di dalam arrayEksperimen di konsol Tentu ini tidak baik… ...karena array akan tetap memiliki panjang 5Metode kedua menggunakan metode 7, kebalikan dari metode 1Metode _7 akan menghapus array di belakangArray dalam javascript dapat dilihat sebagai stack, yang memiliki properti LILO (Last in Last out) Mari kita coba di konsol Kami memanggil metode 7 5 kali, maka array akan kosong 7. Karena isinya hanya _5Metode _7 akan mengembalikan nilai item atau data yang telah dihapus dari arrayMenghapus Data dari DepanKami juga dapat menghapus data dari depan dengan menggunakan metode 0Contoh 6Jadi data yang dihapus adalah 1Eksperimen di konsol Menghapus Data pada Indeks TertentuJika kita ingin menghapus data pada index tertentu, maka fungsi atau method yang digunakan adalah 2Fungsi ini memiliki dua parameter yang harus disediakan _7Keterangan
Biasanya kita memberikan nilai total dengan nilai 5 sehingga data yang terhapus hanya satuContoh 8Eksperimen di konsol Pada percobaan di atas, jika kita tidak mengisi 4 data yang akan dihapus, maka semua data dari indeks yang dipilih akan dihapusMengubah isi ArrayUntuk mengubah isi array, kita bisa mengisi ulang seperti ini _9Jadi _7 akan digantikan oleh 8Eksperimen di konsol Sangat mudah bukan… Metode penting pada ArraySelain metode atau fungsi yang sudah kita coba di atas, ada beberapa metode dalam Array yang perlu kita ketahui 1. Metode document.write(products[0]); document.write(products[1]); document.write(products[2]); document.write(products[3]); document.write(products[4]);_9Metode _9 berfungsi untuk memfilter data dari arrayParameter yang harus diberikan pada metode _9 sama dengan metode 0 yaitu. fungsi panggilan balikContoh 0Pada contoh di atas, kita memberikan fungsi panah sebagai fungsi callback yang akan memfilter array Sebenarnya kita bisa membuatnya lebih sederhana seperti ini _12. Metode <!DOCTYPE html> <html lang="en"> <head> <title>Array dan perulangan</title> </head> <body> <script> // membuat array var products = ["Senter", "Radio", "Antena", "Obeng"]; document.write("<h3>Daftar Produk:</h3>"); document.write("<ol>"); // menggunakan perulangan untuk mencetak semua isi array for(let i = 0; i < products.length; i++){ document.write(`<li>${ products[i] }</li>`); } document.write("</ol>"); </script> </body> </html>_3Metode ini berfungsi untuk memeriksa apakah suatu data ada di dalam array atau tidak. Biasanya digunakan untuk melakukan pencarian untuk memastikan data sudah ada di dalam array Contoh _23. Metode <!DOCTYPE html> <html lang="en"> <head> <title>Array dan perulangan</title> </head> <body> <script> // membuat array var products = ["Senter", "Radio", "Antena", "Obeng"]; document.write("<h3>Daftar Produk:</h3>"); document.write("<ol>"); // menggunakan perulangan untuk mencetak semua isi array for(let i = 0; i < products.length; i++){ document.write(`<li>${ products[i] }</li>`); } document.write("</ol>"); </script> </body> </html>_4Metode _4 berfungsi untuk mengurutkan data pada arrayContoh _3Apa berikutnya?Kita telah mempelajari tentang dasar-dasar array dalam javascript, seperti membuat array, menambahkan data ke array, mengubah data menjadi array, menghapus data dari array, dan juga metode-metode yang umum digunakan dalam array. Masih banyak cara yang belum kami coba Saran saya Seringlah berlatih Gunakan konsol Javascript untuk mencoba metode pada Array Selanjutnya kita akan belajar tentang fungsi-fungsi dalam Javascript untuk membuat program yang lebih terstruktur. Dan disana kita akan membuat sebuah aplikasi dengan menggunakan array sebagai tempat penyimpanan data Apa itu push dalam JavaScript?Saat mengelola data array terkadang kita perlu menambahkan elemen baru, salah satu cara yang bisa kita gunakan adalah dengan menggunakan metode push(). Metode push() array berfungsi untuk menambahkan satu atau lebih elemen ke akhir array termasuk array multidimensi, metode ini mengembalikan panjang array baru .
Push array untuk apa?Push array adalah salah satu fungsi yang dapat Anda gunakan dalam memproses data array. Array push berfungsi untuk menambahkan array baru pada array lama yang telah kita buat sebelumnya . Jadi misalnya Anda memiliki array dengan dua konten, lalu Anda ingin menambahkan satu nilai lagi ke array tersebut.
Apa itu Pop dalam array?pop() adalah metode array dalam JavaScript yang berfungsi untuk menghapus elemen terakhir dari array . Metode ini mengubah panjang array dan mengembalikan elemen yang dihapus.
Metode apa yang bisa kita gunakan untuk mengurutkan elemen array berdasarkan kondisi tertentu dan akan membuat array baru?filter()
. |