• Apa Itu Array?
• Membuat Array di JavaScript
  • Menggunakan tanda kurung siku []
  • Menggunakan new Array()
• Mengakses Data di Array
• Mengubah Data di Array
• Properti Penting: .length
• Method-Method Umum pada Array
  • push()
  • pop()
  • shift()
  • unshift()
  • forEach()
  • map()
  • filter()
• Contoh Kasus Penggunaan Array
• Kesimpulan

Halo teman-teman semuanya, setelah kita belajar tentang function dan arrow function, sekarang kita lanjut ke materi baru yang nggak kalah penting, yaitu Array.

Apa Itu Array?

Array adalah sebuah struktur data di JavaScript yang digunakan untuk menyimpan banyak nilai dalam satu variabel. Kalau variabel biasa hanya menyimpan satu nilai, array bisa menyimpan banyak nilai sekaligus!

Membuat Array di JavaScript

Ada beberapa cara untuk membuat array:

1. Menggunakan tanda kurung siku []

   let buah = ["Apel", "Pisang", "Jeruk"];
   
   console.log(buah);
   

2. Menggunakan new Array()

   let angka = new Array(1, 2, 3, 4, 5);
   
   console.log(angka);
   

   Catatan: Cara pertama (pakai []) lebih umum dan direkomendasikan.

Mengakses Data di Array

Setiap data di array memiliki index (urutan), dimulai dari 0.

let hewan = ["Kucing", "Anjing", "Kelinci"];

console.log(hewan[0]); // Output: Kucing
console.log(hewan[1]); // Output: Anjing
console.log(hewan[2]); // Output: Kelinci

Mengubah Data di Array

Kita bisa mengubah isi array dengan menunjuk index tertentu:

let hewan = ["Kucing", "Anjing", "Kelinci"];
hewan[1] = "Burung";

console.log(hewan); // Output: ["Kucing", "Burung", "Kelinci"]

Properti Penting: .length

length digunakan untuk mengetahui jumlah elemen di dalam array.

console.log(hewan.length); // Output: 3

Method-Method Umum pada Array

Berikut beberapa method yang sering digunakan untuk memanipulasi array:

1. push()

   Menambahkan elemen ke akhir array.

   buah.push("Mangga");
   
   console.log(buah); // ["Apel", "Pisang", "Jeruk", "Mangga"]
   

2. pop()

   Menghapus elemen terakhir dari array.

   buah.pop();
   
   console.log(buah); // ["Apel", "Pisang", "Jeruk"]
   

3. shift()

   Menghapus elemen pertama dari array.

   buah.shift();
   
   console.log(buah); // ["Pisang", "Jeruk"]
   

4. unshift()

   Menambahkan elemen di awal array.

   buah.unshift("Strawberry");
   
   console.log(buah); // ["Strawberry", "Pisang", "Jeruk"]
   

5. forEach()

   Melakukan sesuatu untuk setiap elemen dalam array.

   buah.forEach(function(item, index) {
     console.log(index, item);
   });
   

   Atau pakai arrow function:

   buah.forEach((item, index) => console.log(index, item));
   

6. map()

   Membuat array baru dengan memproses setiap elemen.

   let angkaBaru = angka.map(function(x) {
     return x * 2;
   });
   
   console.log(angkaBaru); // [2, 4, 6, 8, 10]
   

7. filter()

   Membuat array baru dengan menyaring elemen sesuai kondisi.

   let angkaGanjil = angka.filter(function(x) {
     return x % 2 !== 0;
   });
   
   console.log(angkaGanjil); // [1, 3, 5]
   

Contoh Kasus Penggunaan Array

Misal kita ingin menyimpan daftar nama siswa:

let siswa = ["Ali", "Budi", "Citra", "Dina"];

// Menambahkan siswa baru
siswa.push("Eka");

// Menghapus siswa terakhir
siswa.pop();

// Menampilkan semua siswa
siswa.forEach(function(nama) {
  console.log(nama);
});

Kesimpulan

Pada artikel ini kita sudah belajar mengetahui apa itu array, kemudian cara membuat dan mengakses array dan memahami method-method penting untuk manipulasi array.

Pada artikel berikutnya kita smeua akan belajar tentang Object di dalam JavaScript.

Terima Kasih