Array dalam JavaScript - Praktikum 7 Part 1


Assalamualaikum warahmatullahi wabarakatuh.

Bagaimana kabarnya sobat-sobat sekalian? saya harap kita semua selalu nama keadaan healthy yah, Okey sebelum mulai kemateri pembahasan di blogpost ini izinkan saya memperkenalkan diri lagi.
==> pembaca: "Lho kok sering kali kau memperkenalkan  diri bang?"
==> siAbang: "Harus lah bro, kan ada pepatah kalau tak kenal maka tak wawuh wkwk".
==> pembaca "Maka tak sayang woi ! Kemana aja ih omongan kamu mah :( "

Yah jadi gitu perkenalkan nama saya :

Ilham Prabu Zaky Setiawan
XI RPL 2
Absen 15
SMK Negeri 4 Bandung


Okay, langsung saja ke inti materi.
Jadi dalam pertemuan kali ini kita akan membahas array method di JavaScript. Pembahasan dimulai dari pengenalan bagaimana array di JavaScript itu? Bagaimana penerapannya? semuanya akan kita bahas disini beserta contoh dan latihannya. Langsung saja ke materinya.

Pengertian Array pada JavaScript

Array adalah tipe data yang berisi kumpulan dari nilai atau tipe data lain. Nilai di dalam array disebut dengan elemen, dan setiap elemen memiliki ‘nomor urut’ yang dikenal dengan istilah index.

Penomoran index di dalam array dimulai dari angka 0, sehingga elemen pertama berada di index 0, elemen kedua berada di index 1, dst. Index maksimum yang bisa ditampung array dalam JavaScript adalah 4.294.967.294 (2^23 – 2), dengan jumlah elemen maksimum adalah 4.294.967.295.


Array di dalam JavaScript tidak bertipe (untyped array). Elemen dari array bisa bertipe data stringnumber dan boolean dalam sebuah array yang sama, bahkan elemen dari array bisa berupa objek atau array yang lain.
Array di dalam JavaScript bersifat dinamis, dan kita tidak perlu mendefenisikan berapa ukuran array pada saat membuat variabel. Jumlah elemen dapat ditambah dan dikurang setiap saat.
Index array di dalam JavaScript juga tidak harus berurutan, JavaScript membolehkan elemen dari array ‘tidak terurut’. Kita bisa mengisi hanya index 0, 5, dan 10 saja di dalam array.

Penulisan Array pada JavaScript

Terdapat 2 cara penulisan tipe data array di dalam JavaScript, yaitu dengan cara penulisan menggunakan kurung siku [ dan ], dan menggunakan keyword  new Array(). Perintah new ini akan membuat ‘objek’ array. Berikut adalah contoh pembuatan array di dalam JavaScript:


Contoh Array Pertama

Source code: 
<!DOCTYPE html>
<html lang="en">
<head>
     <title>Buat Array- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatArray.css">
</head>
<body>
     <p id="coba">
          <script>
               var daftarNama =["Araia", "Oneng", "Ujang", "Asep", "Yoga"];
               document.getElementById("coba").innerHTML = daftarNama[4];
          </script>
     </p>
</body>
</html>
Hasil dari code saat dibuka pada browser: 


Contoh Array Kedua

Source code: 
<!DOCTYPE html>
<html lang="en">
<head>
     <title>Buat Array 2- Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
     <p id="coba2">
          <script>
               var pets = new Array();
               pets[0] = new Array("Danny", 3, "Cat");
               pets[1] = new Array("Iggy", 12, "dog");
               alert(pets[0][0] + " is a " + pets[0][1] + " years old " + pets[0][2]);
               alert(pets[1][0] + " is a " + pets[1][1] + " years old " + pets[1][2]);
          </script>
     </p>
</body>
</html>


Hasil dari code saat dibuka pada browser:



Contoh Array Ketiga

Source code: : 
<!DOCTYPE html>
<html lang="en">
<head>
     <title>Buat Array- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatArray.css">
</head>
<body>
     <p id="coba">
          <script>
               var daftarNama =["Araia", "Oneng", "Ujang", "Asep", "Yoga"];
               document.getElementById("coba").innerHTML = daftarNama[4];
          </script>
     </p>
</body>
</html>

Hasil dari code setelah dibuka pada browser:





Keseluruhan dari CSS source code: 
p#coba {
     color: darkcyan;
     font-size-adjust: 10;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     background-color: aliceblue;
}

p#hewan {
     color: darkblue;
     background-color: bisque;
     font-size-adjust: 1;
     font-family: Arial, Helvetica, sans-serif;
}

Evaluasi Materi atau Kesimpulan

Bedah materi mengenai semua hal yang ada di atas. Jadi dapat kita simpulkan sesuai dengan keterangan bahwa setiap array: 
Penomoran index di dalam array dimulai dari angka 0, sehingga elemen pertama berada di index 0, elemen kedua berada di index 1
Dalam Contoh 1, 2 dan 3 disana kita pertama-tama membuat document html terlebih dahulu, setelah itu diikuti dengan membuat suatu id terhadap tag html(bebas yah), yang nantinya akan kita panggil dalam suatu script JavaScript dimana setelah kita membuat suatu variable yang telah diisi dengan elemen-elemen array.

Dalam pemanggilan elemen dapat menggunakan metode dengan menuliskan nama dari variable array diikuti dengan tanda kurung box [isi dengan index yang dituju].
Contoh penulisan: 
var namaArray = ["Jakarta", "Surabaya", "Bandung", "Kalimantan"];
console.log(namaArray[0]);
Dari penulisan diatas dapat disimpulkan bahwa kita meminta system untuk mengeluarkan nilai dari elemen namaArray yang urutan index-nya adalah 0.
Jadi intinya materi array itu sangatlah simple jika kita sudah mahir dan menguasai dasar fundamental konsep array itu sendiri.

Mungkin cukup sekian materi Array pada JavaScript. Cukup singkat materinya dimulai dari pengenalan hingga pengimplementasiannya. Semoga sobat-sobat codingers paham, mengerti dan menguasainya. 

Mohon maaf jika terdapat tutur kata yang tidak berkenan dihati anda. Mohon maaf atas semua kesalahan yang telah saya perbuat, tolong berikan koreksi mengenai bagian mana yang salah/kurang pas dalam postingan ini, untuk pengembangan lebih baik kedepannya.

Sekian, saya ucapkan terimakasih banyak atas waktu yang telah diluangkan, saya ucapkan kembali mohon maaf atas segalanya kesalahan. 

Wabilahiltaufik walhidayah,
Wassalamu'alaikum warahmatullahi wabarakatuh

Keep Coding Stay Awesome

0 Response to "Array dalam JavaScript - Praktikum 7 Part 1"

Post a Comment

Postingan Terbaru

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel