Memahami Struktur Data Array pada JavaScript

Imajinasikan dan bayangkan apa yang sekarang kalian sedang membuat aplikasi web, kemudian kalian ingin menampilkan produk-produk kalian.

Bisa juga kalian buat yang seperti ini :

 var produk1 = "Modem";
 var produk2 = "Harddisk";
 var produk3 = "Flashdisk";

 document.write('${produk1}');
 document.write('${produk2}');
 document.write('${prosuk3}');

Apa boleh seperti ini ?
Boleh aja ko, tetapi kurang efektif.

Mengapa?

Bagaimana nanti kalau ada 50 produk, apakah kalian akan membuat variabel sebanyak 50 dan melakukan echo sebanyak 50x?

Capek Kan..

Makanya itu, Kalian harus menggunakan array.

Apa Pengertian Array ?

Sebelum kita membahas Array, sebelumnya bahas dulu apa itu struktur data ?

Struktur data adalah cara-cara atau metode yang digunakan untuk menyimpan data dalam memori komputer atau laptop. Salah satu dari struktur data yang sering kali digunakan dalam bahasa pemrogramman merupakan yaitu Array. Array ini adalah struktur data yang bisa digunakan untuk menyimpan sekumpulan semua data dalam satu tempat. setiap data dalam Array memiliki index, sehingga akan mudah memprosesnya. Indeks array itu selalu di mulai dari angka nol(0). karena setiap angka itu di mulai dari angka nol(0). Pada teori di atas ini. Ukuran Array akan bergantungan dari banyaknya data yang akan ditampung atau di simpan didalamnya.

Cara Membuat Array pada JavaScript

Pada javascript, array dapat kita buat dengan tanda kurang siku ([…]).
Contoh :

var products = [];

maka variabel products akan berisi sebuah array kosong.
Kalian bisa mengisi dan menambahkan data ke dalam array, lalu setiap data yang di pisah dengan tanda koma(,).

Contoh :

var products = ["Flasdisk"."SDD"."Monitor"];

Ohh iyah, Karena javascript merupakan bahasa pemrogramman yang dynamic typing…

maka kalian bisa menyimpan dan mencampur apapun array.

Contoh :

var myData = [12, 2.1, true, 'C', "BelajarReactJs"];

Cara Mengambil Data dari Array

Seperti yang sudah kalian ketahui
Array akan menyimpan sekumpulan data dan memberikannya nomer index agar mudah diakses.

index array selalu dimulai dari 0

Misalkan Kalian mempunyai array seperti ini :

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Bagaimana cara mengambil nilai “Mie Gelas”?

Jawaban seperti ini :

makanan[0] // -> "Mie Gelas"

Kenapa bukan 3?

Ingat kembali : Index array di mulai dari nol (0).

Biar Lebih Jelasnya, Mari Kalian coba dalam program :

<!DOCTYPE html>
<html>
<body>
           <script>
           //membuat array
          var products = ["Senter", "Radio", "Antena", "Obeng"];
          //mengambil antena
          document.write(products[2]);
          </script>
</body>
</html>

Hasilnya :

Mencetak isi Array dengan Pengulangan

Kalian bisa saja mencetak semua isi array satu-per-satu seperti ini ;

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Bagaimana Kalau nanti isi arraynya ada 50 ?

Tentu Kalian Tidak akan mau menulis kan dalam 50baris kode untuk mencetak array.

Solusi nya Gunakan Pengulangan, Kalian lihat Contoh di bawah ini :

<!DOCTYPE html>
<html>
<head>
           <title>Array dan Perulangan</title>
</head>
<body>
       <script>
           //membuat array
           var products = ["Senter", "Radio","Antena","Obeng"];
           document.write("<h3>Daftar Product:</h3>");
           document.write("<ol>");
           //menggunakan perulangan untuk mencetak semua isi array
           for(let i = 0; i < products.length; i++){
                 document.write(<li>${product[i]}</li>;
           }
           document.write("</ol>");
     </script>
</body>
</html>

0 Shares

Cara Membuat Array pada JavaScript

Cara Mengambil Data dari Array

Mencetak isi Array dengan Pengulangan

Tinggalkan Balasan Batalkan balasan