Arrays: Membungkus Kumpulan Data

Melalui kelas ini, kamu diajak untuk:

• Memahami konsep array dalam JavaScript.
• Menggunakan kumpulan data sebagai array.

Konsep Array

Kumpulan data, entah itu angka atau teks, biasanya berbentuk deretan. JavaScript punya kemampuan mengumpulkan dan memanipulasi data di JavaScript.

Perlu diingat perbedaan mengisi data angka (integer) maupun kata (strings) agar array bisa berjalan. Penulisannya bisa merujuk pada kode di bawah:

 
let kendaraan = ['Bus', 'Mobil', 'Motor']
let umurPenumpang = [21, 22, 28]

Urutan Array

Data yang masuk mungkin terdiri dari ratusan deretan. Kita mungkin akan otomatis membaca data pertama sebagai urutan ke-1 dan seterusnya. Tapi, berbeda dengan JavaScript yang membaca data pertama sebagai urutan ke 0.

Misalnya contoh kode di bawah:

 
let kendaraan = ['Bus', 'Mobil', 'Motor']

document.Write(kendaraan[0])

// Bus

Kenapa hasilnya bus? Karena kita memerintahkan JavaScript mengambil data kendaraan(0), maka tulisan Bus akan muncul.

Pengaplikasian array menggunakan simbol []. Gunakan simbol tersebut sebagai pengisian data sekaligus memanggil salah satu data.

Metode

Data yang masuk mungkin terdiri dari ratusan deretan. Kita mungkin akan otomatis membaca data pertama sebagai urutan ke-1 dan seterusnya. Tapi, berbeda dengan JavaScript yang membaca data pertama sebagai urutan ke 0.

Menampilkannya menjadi strings

Misalnya contoh kode di bawah:

 
let kendaraan = ['Bus', 'Mobil', 'Motor']

document.getElementById("demo").innerHTML = fruits.toString();

// BusMobilMotor

Menambahkan Data Baru

Bila membutuhkan perubahan berupa penambahan baru dari array yang sudah ada, maka bisa gunakan metode push. Metode ini bakal menambahkan data baru di akhir deretan.

 
let kendaraan = ['Bus', 'Mobil', 'Motor']
kendaraan.push("Becak");
document.write(kendaraan);

// Bus,Mobil,Motor,Becak

Jika ingin menempatkan data baru di awal deret, maka gunakan metode unshift.

 
let kendaraan = ['Bus', 'Mobil', 'Motor']
kendaraan.unshift("Becak");
document.write(kendaraan);

// Becak,Bus,Mobil,Motor

Bisa juga menghapus data di deret terdepan menggunakan shift. Metode ini tidak memerlukan perintah khusus di bagian kurung karena secara otomatis akan menghapus bagian depan.

 
let kendaraan = ['Bus', 'Mobil', 'Motor']
kendaraan.shift();
document.write(kendaraan);

// Mobil,Motor

Untuk menghapus data di bagian paling belakang, gunakan metode pop.

 
let kendaraan = ['Bus', 'Mobil', 'Motor']
kendaraan.pop();
document.write(kendaraan);

// Bus,Mobil

Untuk mengambil urutan tertentu dalam array, Javascript menyediakan metode slice. Metode ini sangat berguna untuk mengambil urutan data tertenut dalam satu deret. Misalnya sebagai berikut.

 
var kendaraan = ['Bus', 'Mobil', 'Motor', 'Becak', 'Ojek']
var slice = kendaraan.slice(1, 3)
document.write(kendaraan);

// Bus,Mobil