Arief Siswanto

2020-01-11 11:08:12

Reply Share

Array pada Javascript

Array javascript digunakan untuk menyimpan banyak nilai dalam satu variabel.

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

Apa itu Array

Array adalah variabel khusus, yang dapat menampung lebih dari satu nilai pada suatu waktu.

Jika Anda memiliki daftar item (daftar nama mobil, misalnya), menyimpan mobil dalam variabel tunggal dapat terlihat seperti ini:

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

Namun, bagaimana jika anda ingin mencari mobil dan menemukan yang spesifik? Dan bagaimana jika anda tidak memiliki 3 mobil, tetapi 300?

Solusinya adalah sebuah array!

Array dapat menyimpan banyak nilai dengan satu nama, dan anda dapat mengakses nilai dengan merujuk ke nomor indeks/key/idenditas.

Membuat Array

Menggunakan array literal adalah cara termudah untuk membuat JavaScript Array.

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

anda dapat menuliskannya dengan seperti ini

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

atau seperti ini

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

Array adalah Objek

Array adalah jenis objek khusus. Jenis lain dari operator dalam JavaScript mengembalikan "objek" untuk array.

Tetapi, array JavaScript paling baik digambarkan sebagai array.

Array menggunakan angka untuk mengakses "cars" -nya. Dalam contoh ini, cars [0] mengembalikan Saab.

Objek menggunakan nama untuk mengakses "person" -nya. Dalam contoh ini, person.firstName mengembalikan John:

var person = {firstName:"John", lastName:"Doe", age:46};

Elemen Array Dapat Menjadi Objek

Variabel JavaScript dapat berupa objek. Array adalah jenis objek khusus.

Karena itu, Anda dapat memiliki:

• variabel dari berbagai jenis dalam Array yang sama.
• objek dalam Array.
• fungsi dalam Array.
• array dalam Array.

Panjang Array

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;   // Panjang fruits adalah 4

Mengambil elemen pertama dari Array

var first = fruits[0];

Mengambil elemen terakhir dari Array

var last = fruits[fruits.length - 1];

Mengambil seluruh Array

Mengulang materi sebelumnya yaitu tentang looping, anda dapat menampilkan seluruh array menggunakan looping.

<p id=”demo”></p>
<script>
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>";
document.getElementById("demo").innerHTML= text;
</script