Frontend : JAVASCRIPT Bagian 5 – Array

Array adalah sebuah variabel yang dapat menyimpan lebih dari 1 tipe data. Pernah terlintas bagaimana jika sebuah variabel berisi lebih dari 1 tipe data? Semisal teman-teman mempunyai var nama yang berisi anggota kelompok, teman-teman jika tanpa menggunakan Array akan seperti codingan dibawah ini.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 5 - Array</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 5 - Array</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var nama1 = "Adam";
	var nama2 = "Elang";
	var nama3 = "Abraham";
	var nama4 = "Ibnu";
	var nama5 = "Ahmad";

	console.log(nama1);
	console.log(nama2);
	console.log(nama3);
	console.log(nama4);
	console.log(nama5);
</script>
</body>
</html>


Hasil :


Fungsi Array

Fungsi dari array salah satunya adalah mempermudah pekerjaan pemrogram. Kenapa? Karena dengan Array kita dapat menghemat waktu pekerjaan kita. Bayangkan jika teman-teman menggunakan codingan diatas, 1 kelompok terdapat 10 orang, dan 4 kelompok semua total 40 orang. Variabel yang ada otomatis terdapat 40 variabel. Wah boros banget bukan? dengan Array kita cukup membuat 1 variabel nama berisi nama anggota kelompok. Berikut contoh array dalam Javascript :


1. Array Numeric

Array numeric adalah array yang menggunakan index angka yang dimulai dari 0.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 5 - Array</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 5 - Array</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var nama = ["Adam","Elang","Abraham","Ibnu","Ahmad"];

	console.log(nama[0]);
	console.log(nama[1]);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat array yang berisi nama anggota kelompok

2. Baris 14, kita sedang memanggil array dengan nomor index 0. Angka index pada array dimulai dari angka 0

3. Baris 15, kita sedang memanggila salah array dengan nomor index 1


Hasil :


2. Array Assosiatif

Array Assosiatif ini berbeda dengan array sebelumnya, Array jenis ini menggunakan key untuk index nya.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 5 - Array</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 5 - Array</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var nama = [];
	nama["ketua"] = "Adam";

	console.log(nama["ketua"]);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat array kosong untuk membuat array assosiatif

2. Baris 13, kita sedang membuat array assosiatif dengan key [“ketua”]

3. Baris 15, kita sedang memanggil array assosiatif dengan key ketua


Hasil :

Leave a Reply

Your email address will not be published. Required fields are marked *