Array adalah tipe data yang digunakan untuk menyimpan
berbagai nilai dalam satu nama, dibedakan melalui nilai indexnya. Array
sangat populer di berbagai bahasa programming karena penggunaannya dapat menyederhanakan penggunaan variable pada coding kita.
Array
pada JavaScript tentunya memiliki implikasi yang sama, namun
penggunaannya tetap perlu memahami konsep dan pengggunaan yang tepat.
Array diperlakukan sebagai object ketika digunakan di dalam JavaScript.
Melalui kesempatan pada artikel ini, kita akan coba melihat penjelasan dan berbagai contoh penggunaan dasar array.
Membuat / Mendeklarasikan Object Array
Sebuah object array dideklarasikan di JavaScript dengan beberapa cara berikut :
- Dengan penggunaan keyword new Array(), dengan contoh sebagai berikut :
var objArr = new Array(); - Dengan penggunaan keyword new Array(jumlahindex), dengan contoh sebagai berikut :
var objArr = new Array(3);
- Dengan penggunaan keyword new Array(item1, item2, ...), dimana antara satu item dengan item lainnya tidak harus memiliki tipe data yang sama.
Contoh deklarasinya adalah sebagai berikut :
var objArr = new Array("Sumatera", "Jawa", 100);
- Dengan penggunaan literal [item1, item2, item3, ...],
dimana antara satu item dengan item lainnya tidak harus memiliki tipe data yang sama.
Contoh deklarasinya adalah sebagai berikut :
var objArr = [10, "Sarah", "Meliani", true];
Mengakses Array
Untuk
memberikan dan membaca nilai pada objek array cukup gampang, yaitu
dengan menggunakan nilai index - sebagai penunjuk posisi pada objek
array. Index selalu dimulai dari angka 0, kemudian diikuti angka 1, 2 dan seterusnya.
Penulisan
objek array agar dapat diakses adalah dengan notasi penambahan angka di
dalam kurung siku setelah nama objeknya dalam bentuk berikut ini :
namaobjek[NOMOR_INDEX]
Berikut adalah beberapa pemberian nilai pada array :
- objArr[0] = 20;
- objArr[4] = "Budi";
Dan berikut adalah contoh pembacaan objek array :
- document.write(objArr[1]);
- var hasil = objArr[5] + objArr[6];
Method dan Property pada Object Array
Berikut adalah beberapa method yang dapat digunakan pada variable object array :
- concat() : Menggabungkan 2 atau lebih array.
- indexOf() : Mencari suatu nilai pada array dan mengembalikan posisi indexnya.
- join() : Menggabungkan semua elemen pada array menjadi suatu teks.
- lastIndexOf() : Mencari suatu nilai pada array, dimulai dari posisi akhir dan kemudian mengembalikan posisi indexnya.
- pop() : Mengembalikan nilai elemen terakhir, dan kemudian menghilangkannya dari array.
- push() : Menambahkan nilai baru pada array, dan mengembalikan ukuran array.
- reverse() : Membalikkan posisi-posisi nilai pada array.
- shift() : Menghilangkan nilai pertama dari array, dan kemudian mengembalikan nilai tersebut.
- slice() : Mengembalikan sebagian dari array.
- sort() : Mengurutkan nilai-nilai pada array.
- splice() : Menambahkan/ menghilangkan nilai pada array.
- toString() : Melakukan dan mengembalikan konversi nilai-nilai array sebagai teks.
- unshift() : Menambahkan nilai-nilai baru pada awal array dan mengembalikan ukuran array.
- valueOf() : Mengembalikan nilai primitif dari suatu array.
Dan berikut adalah beberapa property yang dapat digunakan pada variable object array :
- length : Mengembalikan ukuran array, yakni jumlah nilai / elemen yang terdapat pada array tersebut.
- constructor : Mengembalikan fungsi yang membuat prototype Array.
- prototype : Menambahkan property dan method pada objek Array.
Contoh Penggunaan
Berikut adalah contoh coding penggunaan array JavaScript pada file HTML.
array_pada_javascript.html
<html>
<head>
<title>Contoh Penggunaan Array</title>
</head>
<body>
<script language='JavaScript'>
var arr1 = ["Kursus", 1, 3, true]; //deklarasi dan inisialisasi array pertama
var arr2 = [3, 4, "Programming", true]; //deklarasi dan inisialisasi array kedua
arr2[0] = 2; //merubah isi elemen pertama menjadi nilai literal 2
var gabung = arr1.concat(arr2); //menggabungkan array 1 dan 2
gabung = gabung.sort(); //mengurutkan elemen-elemen array penggabungan
//Mencetak output sebagai dokumen HTML
document.write("Array 1 = " + arr1.toString() + "<BR>");
document.write("Array 2 = " + arr2.toString() + "<BR>");
document.write("Hasil Gabung = " + gabung.toString() + "<BR>");
document.write("Elemen pertama dari gabung : " + gabung[0] + "<BR>" );
document.write("Elemen pertama dari gabung : " + gabung[1] + "<BR>" );
</script>
</body>
</html>
<head>
<title>Contoh Penggunaan Array</title>
</head>
<body>
<script language='JavaScript'>
var arr1 = ["Kursus", 1, 3, true]; //deklarasi dan inisialisasi array pertama
var arr2 = [3, 4, "Programming", true]; //deklarasi dan inisialisasi array kedua
arr2[0] = 2; //merubah isi elemen pertama menjadi nilai literal 2
var gabung = arr1.concat(arr2); //menggabungkan array 1 dan 2
gabung = gabung.sort(); //mengurutkan elemen-elemen array penggabungan
//Mencetak output sebagai dokumen HTML
document.write("Array 1 = " + arr1.toString() + "<BR>");
document.write("Array 2 = " + arr2.toString() + "<BR>");
document.write("Hasil Gabung = " + gabung.toString() + "<BR>");
document.write("Elemen pertama dari gabung : " + gabung[0] + "<BR>" );
document.write("Elemen pertama dari gabung : " + gabung[1] + "<BR>" );
</script>
</body>
</html>
Hasil outputnya adalah sebagai berikut :
Array 1 = Kursus,1,3,true
Array 2 = 2,4,Programming,true
Hasil Gabung = 1,2,3,4,Kursus,Programming,true,true
Elemen pertama dari gabung : 1
Elemen pertama dari gabung : 2
Label:
Pemrograman WEB
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar