Tutorial Bejalar Javascript #7 Struktur Data Array pada Javascript

Jika pada tutorial Javascript sebelumnya kita mempelajari tentang Membuat Fungsi Pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara membuat fungsi pada Javascript.

Array merupakan struktur data berupa objek yang digunakan untuk menyimpan berbagai tipe data pada Javascript dalam satu tempat, dimana berbagai tipe data string, boolean, number bisa di masukan kedalam array pada Javascript, baik terpisah dalam satu array, ataupun dalam satu array berisi berbagai tipe data.

Setiap data pada array disimpan menggunakan / atau dimulai dari index ke 0 dan seterusnya, untuk cara membuat array pada javascript adalah sebagai berikut :

latihan1.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Javascript</title>

</head>

<body>
    <h1>Hello World</h1>

    <script src="script.js"></script>
</body>

</html>

script.js

var binatang = ['Kucing', 'Kelinci', 'Monyet', 'Panda','Koala', 'Sapi'];

console.log(binatang[3]);

Dari array yang kita buat diatas dimana kita membuat array binatang dengan 6 objek berisi string, dan untuk mengakses isi array dengan menuliskan nomor index array, dimana hasil dari tampilan diatas dimana index array dimulai dari angka 0 maka index ke tiga [3] adalah Panda

Selanjutnya kita mecoba membuat array dengan berbagai tipe data :

script.js

var myArr = ['teks', 2, false];

console.log(myArr[1]);

Hasil dari array diatas adalah 2 dimana index 0 berisi (teks), 1 (2), 2 (false).

Ok selanjutnya kita gunakan dengan cara menggunakan perulangan for adalah sebagai berikut.

var arr = ['Affanul', 'Hakim', 'Noval', 'Dody'];

for( var i = 0; i < arr.length; i++) {
    console.log('Mahasiswa Ke - ' + (i+1) + ' ' + arr[i]);
}

Dari kode Javascript diatas kita membuat array dengan nama variabel arr dengan isi nama-nama 4 orang, selanjutnya kita memulai perulangan dengan i=0, dan i kurang dari jumlah isi array dengan menggunakan fungsi lenght untuk mengetahui jumlah array, kemudian dengan console.log kita menampilkan hasil dari isi array keseluruhan

Dengan kita menggunakan array maka kita tidak perlu membuat banyak variabel, misalkan kita membuat variabel produk elektronik maka kita tidak perlu membuat satu persatu nama variabel nama barang elektronik, akan tetapi kita cukup buat satu variabel dengan kategori elektronik yang kita isi dengan berbagai produk, dan tentunya ini hanya sebagai contoh sederhana, akan lebih mudah nantinya apabila di implementasikan dengan menggambil data dalam sebuah database.

Ok sekian dulu teman-teman terima kasih telah membaca tulisan ini sampai selesai, semoga bermanfaat.

Share

You may also like...

1 Response

  1. February 1, 2021

    […] pada tutorial Javascript sebelumnya kita mempelajari tentang Membuat tipe data Array pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara memanipulasi data […]