Cara menggunakan array 2 dimensi javascript
Bayangkan sekarang kita sedang membuat aplikasi web, lalu ingin menampilkan daftar nama-nama produk. Show
Bisa saja kita buat seperti ini:
Apakah boleh seperti ini? Boleh-boleh saja. Tapi kurang efektif. Kenapa? Bagaimana kalau ada 100 produk, apakah kita akan membut variabel sebanyak 100 dan melakukan Capek donk. Karena itu, kita harus menggunakan Array. Apa itu Array?Sebelum kita membahas Array, kita bahas dulu apa itu struktur data? Struktur data merupakan cara-cara atau metode yang digunakan untuk menyimpan data di dalam memori komputer. Salah satu struktur data yang sering digunakan dalam pemrograman adalah Array. Array merupakan struktur data yang digunakan untuk menyimpan sekumpulan data dalam satu tempat. Setiap data dalam Array memiliki indeks, sehingga kita akan mudah memprosesnya. Indeks array selalu dimulai dari angka nol ( Pada teori struktur data… …Ukuran array akan bergantung dari banyaknya data yang ditampung di dalamnya. Cara Membuat Array pada JavascriptPada javascript, array dapat kita buat dengan tanda kurung siku ( Contoh: Maka variabel Kita bisa mengisi data ke dalam array, lalu setiap data dipisah dengan tanda koma ( Contoh:
Oya, karena javascript merupakan bahasa pemrograman yang dynamic typing… …maka kita bisa menyimpan dan mencampur apapun di dalam array. Contoh:
Cara Mengambil Data dari ArraySeperti yang sudah kita kethaui… Array akan menyimpan sekumpulan data dan memberinya nomer indeks agar mudah diakses. Indeks array selalu dimauli dari nol Misalkan kita punya array seperti ini:
Bagaimana cara kita mengambil nilai Jawabannya seperti ini:
Kenapa bukan Ingat: indeks array selalu dimulai dari nol. Biar lebih jelas, mari kita coba dalam program:
Hasilnya: Mencetak isi Array dengan PerulanganKita bisa saja mencetak semua isi array satu-per-satu seperti ini:
Bagaimana kalau nanti isi array-nya ada Tentu kita tidak akan mau menulis Solusinya: Gunakan perulangan. Mari kita lihat contohnya:
Hasilnya: Perhatikan… Pada contoh di atas, kita menggunakan properti Kita memiliki Lalu kita gunakan properti ini untuk membatasi jumlah perulangan di dalam for.
…dan di dalam blok for, kita mencetak isi produk dengan indeks yang mengacu pada variabel Cara lain: Kita bisa mengunakan perulangan dengan method Contoh:
Hasilnya akan sama seperti di atas. Cara Menambahkan Data ke Dalam ArrayAda dua cara yang bisa dilakukan untuk menambah data ke dalam array:
Mengisi dengan indeks maksudnya begini… Misal kita punya array dengan isi sebagai berikut:
Terdapat tiga data di dalam array
Kita ingin menambahkan data lagi pada indeks ke- Sekarng array Mari kita coba pada console Javascript. Benar kan…
Tapi kekurangan dari cara ini ialah: Kita harus tahu jumlah data atau panjang array-nya, barulah kita bisa menambahkan. Apabila kita memasukan nomer indeks sembarangan, maka nanti yang akan terjadi adalah data yang ada di daalam indeks tersebut akan ditindih. Lalu solusinya bagaimana donk? Kita gunakan method Kita tidak perlu tahu berapa panjang array-nya, karena method Contoh:
Maka hasilnya: Kita juga bisa menambahkan beberapa data sekaligus dengan cara seperti ini:
Cara Menghapus Data ArraySama seperti menambahkan data ke array, menghapus data juga memiliki dua cara:
Contoh: Kita dapat menghapus data dengan nomer indeks tertentu dengan Kekurangan dari Percobaan di dalam console: Tentu ini kurang bagus… …karena array akan tetap memiliki panjang Cara kedua menggunakan method Method Array pada javascript dapat kita pandang sebagai sebuah stack (tumpukan), yang mana memiliki sifat LILO (Last in Last out). Mari kita coba di dalam console. Kita memanggil method Method Menghapus Data dari DepanKita juga dapat menghapus data dari depan dengan menggunakan method Contoh:
Maka data yang terhapus adalah Percobaan pada conosole: Menghapus Data pada Indeks TertentuApabila kita ingin menghapus data pada inteks tertentu, maka fungsi atau method yang digunakan adalah Fungsi ini memiliki dua parameter yang harus diberikan:
Keterangan:
Biasanya kita berikan nilai total dengan nilai Contoh:
Percobaan pada console: Pada percobaan di atas, apabila kita tidak mengisi Mengubah isi ArrayUntuk mengubah isi array, kita bisa mengisi ulang seperti ini:
Maka Percobaan pada console: Sangat mudah bukan… Method-method penting pada ArraySelain method-method atau fungsi yang sudah kita coba di atas, terdapat beberapa method dalam Array yang perlu kita ketahui. 1. Method filter()Method Parameter yang harus diberikan pada method Contoh:
Pada contoh di atas, kita memberikan arrow function sebagai fungsi callback yang akan melakukan penyaringan terhadap array. Sebenarnya kita bisa buat lebih sederhana lagi seperti ini:
2. Method includes()Method ini berfungsi untuk mengecek apakah sebuah data ada di dalam array atau tidak. Biasanya digunakan untuk melakukan pencarian untuk memastikan data sudah ada di dalam array. Contoh:
3. Method sort()Method Contoh:
Apa Selanjutnya?Kita sudah belajar tentang dasar-dasar array pada javascript, seperti membuat array, menambahkan data pada array, mengubah data pada array, menghapus data pada array, dan juga method-method yang biasa digunakan pada array. Masih banyak lagi method-method yang belum kita coba. Saran saya: Sering-seringlah berlatih. Gunakan console Javascript untuk mencoba-coba method yang ada pada Array. Selanjutnya kita akan belajar tentang fungsi pada Javascript untuk membuat program yang lebih terstruktur. Serta di sana kita akan membuat aplikasi dengan menggunakan array sebagai penyimpanan datanya. Silahkan lanjut ke: “Tutorial Javascript #11: Memahami Fungsi pada Javascript”. Selamat belajar. Bagaimana cara mengakses array 2 dimensi?Cara Akses Array Dua Dimensi
Cara yang digunakan untuk mengakses elemen array dua dimensi adalah dengan menuliskan indeks baris dan kolom nya.
Bagaimana cara menentukan array 2 dimensi dan 3 dimensi?* Array Dua Dimensi : elemen array yang hanya memiliki satu buah baris atau kolom dan sering digambarkan sebagai sebuah matriks atau bentuk grid. * Array Tiga Dimensi : elemen array yang memiliki baris, kolom, dan ukuran lebih banyak dari pada array dua dimensi dan dapat dikembangkan kelebih dari dua dimensi.
Apa fungsi dari array 2 dimensi?Array dua dimensi merupakan variabel yang digunakan untuk menyimpan sekumpulan data-data yang memiliki tipe dan elemen yang sana. Array dua dimensi dapat diakses melalui 2 indeks/subskrip (indeks baris dan indeks kolom).
Apa definisi dari array 2 dimensi?Array 2 dimensi adalah sebutan untuk array yang penomoran index-nya menggunakan 2 buah angka. Array adalah tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama.
|