Array Pada JavaScript

Array digunakan untuk menyimpan beberapa nilai dalam satu variable. Nilai-nilai tersebut diletakkan secara berurutan di dalam array.

var cars = ["Saab", "Volvo", "BMW"];

Jalankan Contoh

Bayangkan kalau kita mempunyai data berupa daftar mobil. Contoh di bawah memperlihatkan satu mobil dimasukkan ke dalam satu variable.

var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

Apabila hanya terdapat tiga mobil tentu akan mudah untuk diakses satu per satu. Bagaimana kalau terdapat 3000 mobil ?. Tentu akan sulit untuk mengakses atau mencari mobil tertentu. Solusi dari masalah ini adalah dengan memakai array.

Belajar Lebih Lanjut JavaScript Array

Deklarasi Array #

Format deklarasi array adalah seperti di bawah ini. Nilai item1, item2 dan seterusnya adalah nilai-nilai yang disimpan di dalam array.

var array_name = [item1, item2, ...];      

Contoh di bawah ini memperlihatkan daftar mobil di dalam array.

var cars = ["Saab", "Volvo", "BMW"];

Jalankan Contoh

Array juga dapat dideklarasikan dalam beberapa baris coding.

var cars = [
  "Saab",
  "Volvo",
  "BMW"
];

Jalankan Contoh

Nilai Dalam Array #

Nilai di dalam array disebut juga elemen array. Kita bisa mengakses elemen tertentu dalam array dengan menggunakan urutannya. Urutan ini disebut juga index elemen.

Contoh di bawah ini memperlihatkan cara mengakses urutan pertama (index pertama) dari array cars. Urutan atau index dimulai dari 0.

var name = cars[0];

var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars[0];

Jalankan Contoh

Kita dapat memberikan nilai kepada suatu elemen dalam array. Contoh di bawah ini memperlihatkan cara memberikan nilai Opel kepada elemen index pertama (0) dari array cars.

cars[0] = "Opel";

var cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
document.getElementById("demo").innerHTML = cars[0];

Jalankan Contoh

Kita juga dapat mengakses keseluruhan elemen dalam array. Perhatikan contoh di bawah ini.

var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;

Jalankan Contoh

Elemen array juga dapat berisi object.

myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;

Fungsi Dan Properti Array #

Array mempunyai beberapa fungsi dan properti yang dapat digunakan.

var x = cars.length;   // The length property returns the number of elements
var y = cars.sort();   // The sort() method sorts arrays

Properti length digunakan untuk mendapatkan jumlah elemen array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;   // the length of fruits is 4

Jalankan Contoh

Contoh di bawah ini adalah cara untuk mengakses elemen pertama array.

fruits = ["Banana", "Orange", "Apple", "Mango"];
var first = fruits[0];

Jalankan Contoh

Contoh di bawah ini adalah cara untuk mengakses elemen terakhir array.

fruits = ["Banana", "Orange", "Apple", "Mango"];
var last = fruits[fruits.length - 1];

Jalankan Contoh

Contoh di bawah ini memperlihatkan cara mengakses elemen array satu per satu dengan menggunakan pengulangan (looping) for.

var fruits, text, fLen, i;
fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;

text = "<ul>";
for (i = 0; i < fLen; i++) {
  text += "<li>" + fruits[i] + "</li>";
}
text += "</ul>";

Jalankan Contoh

Contoh di bawah ini memperlihatkan cara mengakses elemen array satu per satu dengan menggunakan fungsi forEach. Fungsi forEach mempunyai satu parameter berbentuk fungsi. Fungsi forEach akan memanggil fungsi tersebut untuk setiap elemen array. Paramater fungsi adalah nilai elemen array.

var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
  text += "<li>" + value + "</li>";
}

Jalankan Contoh

Fungsi push berguna untuk menambahkan elemen pada array. Elemen tersebut akan berada pada posisi terakhir.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");    // adds a new element (Lemon) to fruits

Jalankan Contoh

Contoh di bawah ini juga akan menambahkan elemen pada posisi terakhir.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";    // adds a new element (Lemon) to fruits

Jalankan Contoh