Array JavaScript

Penjelasan array

Array adalah sebuah variable spesial yang bisa digunakan untuk menyimpan banyak value.

Membuat array

Ada dua cara untuk bisa membuat sebuah array. Pertama dengan cara normal dan yang kedua dengan membuat array object.

Untuk membuat sebuah array dengan cara normal terbagi lagi menjadi dua cara. Cara yang pertama yaitu dengan membuat array sekaligus mengisinya dengan banyak value dan yang kedua yaitu membuat arraynya terlebih dahulu kemudian mengisi valuenya belakangan.

Berikut ini adalah syntax bila kita ingin membuat sebuah array sekaligus mengisinya dengan beberapa value:

var nama_array = [value1, value2, ...];

Berikut ini kita akan membuat sebuah array dan memasukkan beberapa value ke dalamnya:

var nama_makanan = ["Batagor", "Gado-gado", "Nasi goreng"];

Array bekerja berdasarkan posisi. Posisi pada array ini dinamakan [key]. [key] pada array dimulai dengan angka [0] dan bukannya angka [1].

Pada code diatas, [Batagor] berada pada posisi [0], [Gado-gado] berada pada posisi [1], dan [Nasi goreng] berada pada posisi [2].

Spasi dan baris baru tidak memiliki arti apa-apa dalam penulisan array sehingga code di atas bisa ditulis seperti di bawah ini:

var nama_makanan = [
    "Batagor",
    "Gado-gado",
    "Nasi goreng"
];

Berikut ini adalah syntax bila kita ingin membuat sebuah array terlebih dahulu kemudian mengisi valuenya belakangan:

var nama_array = [];

Berikut ini kita akan membuat sebuah array dan setelahnya value akan diisi kedalamnya secara satu-persatu:

var nama_makanan = [];
nama_makanan[0] = "Batagor";
nama_makanan[1] = "Gado-gado";
nama_makanan[2] = "Nasi goreng";

Pada code di atas, angka (0, 1, dan 2) dinamakan [key] dan yang dinamakan [value] yaitu ("Batagor", "Gado-gado", "Nasi Goreng"). Jadi setiap key merepresentasikan sebuah value.

Menampilkan value

Untuk menampilkan sebuah value dari array bisa menggunakan syntax sebagai berikut:

nama_array[key];

Pada contoh di bawah ini kita akan membuat sebuah array dan mengisinya dengan beberapa value. Kemudian memanggil salah satu value yang berada di dalam array tersebut:

Code JavaScript 1:

<script>
var nama_makanan = ["Batagor", "Gado-gado", "Nasi goreng"];

document.write(nama_makanan[2]);
</script>

Hasil code JavaScript 1:

Nasi goreng

Pada code di atas kita menampilkan value array yang berada pada posisi [2] yaitu [Nasi goreng]. Ingatlah bahwa urutan posisi pada array tidak dihitung dari 1 melainkan dari 0.

Mengganti value

Value yang berada di dalam sebuah array bisa diganti.

Berikut ini kita memiliki sebuah array yang berisi beberapa value. Kemudian kita akan mengganti salah satu value yang berada di dalam array tersebut dengan value baru.

Code JavaScript 2:

<script>
var nama_makanan = ["Batagor", "Gado-gado", "Nasi goreng"];
nama_makanan[2] = "Bakpia";

document.write(nama_makanan[0] + ", " + nama_makanan[1] + ", " + nama_makanan[2]);
</script>

Hasil code JavaScript 2:

Batagor, Gado-gado, Bakpia

Berikut ini penjelasan code di atas:

nama_makanan[2] = "Bakpia";

Code di atas ini artinya ganti value sebuah array yang bernama [nama_makanan] dan berada pada posisi [2] dengan value ini: [Bakpia].

Menambah value

Sebuah array yang sudah berisi beberapa value bisa ditambahkan dengan value baru.

Berikut ini kita memiliki sebuah array yang sudah berisi beberapa value. Kemudian kita akan menambah satu value lagi ke dalam array tersebut.

Code JavaScript 3:

<script>
var nama_makanan = ["Batagor", "Gado-gado"];
nama_makanan[2] = "Bakpia";

document.write(nama_makanan[0] + ", " + nama_makanan[1] + ", " + nama_makanan[2]);
</script>

Hasil code JavaScript 3:

Batagor, Gado-gado, Bakpia

Awalnya array yang bernama [nama_makanan] hanya memiliki dua buah value yaitu [Batagor dan Gado-gado].

Kemudian kita menambahkan value [Bakpia] ke dalam array di atas dengan nomor urut [2].

Karena penambahan tersebut, sekarang array bernama [nama_makanan] memiliki tiga buah value.

Array object

Array sebenarnya adalah sebuah object. Sehingga semua value yang berada di dalam array bisa diproses oleh array property dan array method.

Syntax

Selain dengan cara normal, sebuah array bisa dibuat menggunakan code array object:

var nama_array = new Array(value1, value2, ...);

Catatan

  • Karena alasan kemudahan digunakan, kemudahan dibaca, dan kecepatan eksekusi hindari menggunakan array yang dibuat menggunakan cara object. Gunakanlah cara normal dalam membuat sebuah array.

Berikut ini kita akan membuat sebuah array menggunakan code array object sekalian mengisinya dengan beberapa value:

var nama_buah = new Array("Anggur", "Mangga", "Rambutan");

Selain dengan cara diatas, value dari array juga bisa dimasukkan satu persatu seperti cara dibawah ini:

var nama_buah = new Array();
nama_buah[0] = "Anggur";
nama_buah[1] = "Mangga";
nama_buah[2] = "Rambutan";

Bila kita menggunakan code typeof operator untuk sebuah array baik array yang dibuat dengan cara biasa maupun dengan code array object maka kita akan mengetahui bahwa array merupakan jenis data berupa object.

Code JavaScript 4:

<script>
var nama_makanan = ["Batagor", "Gado-gado", "Nasi goreng"];
var nama_buah = new Array("Anggur", "Mangga", "Rambutan");

document.write(typeof nama_makanan);
document.write("<br />");
document.write(typeof nama_buah);
</script>

Hasil code JavaScript 4:

object
object

Array property

Array property bisa digunakan untuk memproses semua value yang berada di dalam sebuah array.

Array memiliki satu property yaitu length property.

length property berguna untuk menghitung jumlah value dalam sebuah array:

Code JavaScript 5:

<script>
var nama_buah = new Array("Anggur", "Jambu", "Mangga", "Rambutan");
var a = nama_buah.length;

document.write(a);
</script>

Hasil code JavaScript 5:

4

Ada 4 buah value pada array bernama [nama_buah] diatas, yaitu: Anggur, Jambu, Mangga, Rambutan.

length property bisa dimanfaatkan untuk menambah sebuah value pada posisi paling akhir array:

Code JavaScript 6:

<script>
var nama_buah = ["Anggur", "Mangga", "Rambutan"];
nama_buah[nama_buah.length] = "Jambu";

document.write(nama_buah);
</script>

Hasil code JavaScript 6:

Anggur,Mangga,Rambutan,Jambu

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>