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 keywordnew 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.
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
Copas wek
BalasHapussuusu
BalasHapus