Array Pada JavaScript

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

Tutorial sebelumnya : Berbagai Fungsi Pada Number

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

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"];

Array juga dapat dideklarasikan dalam beberapa baris coding.

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

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];

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];

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

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

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

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

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

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

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

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>";

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>";
}

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

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

Tutorial selanjutnya : Berbagai Fungsi Pada Array
Daftar Tutorial : Tutorial Belajar JavaScript