<html>
<head>
<title>Latihan Array pada JavaScript</title>
<script type="text/javascript"> var array1 = ["Farhan", "Richad Stallman", "Linus Trovalds", "Onno W Purbo"] ;
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
</script>
<noscript>
Teks ini muncul jika <i>browser</i> tidak dapat menangani JavaScript
</noscript>
</head>
<body>
</body>
</html>
dan output dari kode diatas adalah seperti gambar dibawah ini
Sedikit
penjelasan mengenai kode diatas, dimana Anda perlu memperhatikan lima
baris perintah yang berhuruf miring. Baris pertama adalah deklarasi
variable "array1". Nilai-nilai untuk array tersebut dimasukan didalam
lingkupan kurung kotak, dan masing-masing nilainya dipisahkan dengan
tanda koma.
var array1 = ["Farhan", "Richad Stallman", "Linus Trovalds", "Onno W Purbo"] ;
Baris kedua, ketiga, keempat
dan kelima merupakan perintah-perintah yang berfungsi untuk menampilkan
nilai-nilai yang termaktub dalam array tersebut. Masing-masing
nilai-nilai didalam array tersebut diberi nomor index yang dimulai dari
0 (nol). Jadi, untuk meng-akses nilai pertama didalam array, Anda
perlu meng-akses index yang ke-0 (nol), dan berturut-turut index ke 1, 2
dan 3 dan seterusnya jika ada.
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
Meskipun di dalam deklarasi
pada contoh di atas, hanya empat data yang didefinisikan untuk array,
array di dalam JavaScript tidak kaku hanya pada ke-empat data tersebut.
Sebaliknya, array didalam JavaScript sangat dinamis. Jika kode
penampilan nilai di atas Anda tambahkan dengan perintah penampilan data
array dengan index 4 ( pada contoh diatas index array ada 4 yaitu dari
index 1 sampai 3), seperti ditunjukkan sebagai berikut (baris kode
yang di-bold menunjukkan perubahannya
<html>
<head>
<title>Latihan Array pada JavaScript</title>
<script type="text/javascript"> var array1 = ["Farhan", "Richad Stallman", "Linus Trovalds", "Onno W Purbo"] ;
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
<head>
<title>Latihan Array pada JavaScript</title>
<script type="text/javascript"> var array1 = ["Farhan", "Richad Stallman", "Linus Trovalds", "Onno W Purbo"] ;
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
document.writeln(array1[4]); document.writeln("<br>");
</script>
<noscript>
Teks ini muncul jika <i>browser</i> tidak dapat menangani JavaScript
</noscript>
</head>
<body>
</body>
</html>
</script>
<noscript>
Teks ini muncul jika <i>browser</i> tidak dapat menangani JavaScript
</noscript>
</head>
<body>
</body>
</html>
<html>
<head>
<title>Latihan Array pada JavaScript</title>
<script type="text/javascript"> var array1 = ["Farhan", "Richad Stallman", "Linus Trovalds", "Onno W Purbo"] ;
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
document.writeln(array1[3]); document.writeln("<br>");
array1[4] = "Nilai ke 5 index array ke 4" ;
document.writeln(array1[4]); document.writeln("<br>");
</script>
<noscript>
Teks ini muncul jika <i>browser</i> tidak dapat menangani JavaScript
</noscript>
</head>
<body>
</body>
</html>
Jika halaman web dengan kode diatas dijalankan pada browser, browser akan menampilkan hasilnya seperti ditunjukkan pada gambar berikut
Dari hasil yang ditunjukkan pada gambar disamping, ditemukan bahwa nilai baru ternyata dapat disimpan pada index baru, tanpa harus melakukan deklarasi ulang terhadap array-nya . Hal ini menjadi bukti bahwa array pada JavaScript bersifat dinamis.
Sebuah array pada JavaScript juga dapat diisi dengan nilai dari bebagai macam tipe data. Sebagai contoh, kode berikut menggambarkan implementasi array pada JavaScript yang diisi dengan nilai-nilai bertipe data string, numerik dan boolean
<html>
<head>
<title>Latihan Array pada JavaScript</title>
<script type="text/javascript"> var array1 = ["Farhan", 2, true] ;
document.writeln(array1[0]); document.writeln("<br>");
document.writeln(array1[1]); document.writeln("<br>");
document.writeln(array1[2]); document.writeln("<br>");
</script>
<noscript>
Teks ini muncul jika <i>browser</i> tidak dapat menangani JavaScript
</noscript>
</head>
<body>
</body>
</html>
dan inilah hasil output pada browser dari kode diatas
