Basic JavaScript: Dari Nol sampai Proyek Pertama6/10

Bab 6 dari 10

Array dan Method Penting

Array menyimpan kumpulan nilai secara berurutan. Indeks array dimulai dari nol.

Code
const buah = ["apel", "mangga", "jeruk"];
console.log(buah[0]); // apel
console.log(buah.length); // 3

Menambah dan menghapus

Code
const tugas = ["Belajar variabel"];

tugas.push("Belajar fungsi");
tugas.unshift("Siapkan editor");
tugas.pop();
tugas.shift();

map

map membuat array baru dari setiap elemen.

Code
const harga = [10000, 25000, 50000];
const hargaDenganPajak = harga.map(item => item * 1.11);

filter

Code
const nilai = [45, 78, 90, 62, 88];
const lulus = nilai.filter(item => item >= 75);
console.log(lulus); // [78, 90, 88]

find

Code
const pengguna = [
  { id: 1, nama: "Ari" },
  { id: 2, nama: "Dina" },
];

const hasil = pengguna.find(item => item.id === 2);

reduce

reduce menggabungkan seluruh elemen menjadi satu nilai.

Code
const keranjang = [25000, 40000, 15000];
const total = keranjang.reduce((jumlah, harga) => jumlah + harga, 0);
console.log(total); // 80000

Jangan mengubah array tanpa alasan

Method seperti map dan filter menghasilkan array baru. Ini biasanya lebih mudah dipahami daripada mengubah array asli.

Code
const angka = [1, 2, 3];
const ganda = angka.map(item => item * 2);

Latihan: daftar belanja

Gunakan array object produk yang memiliki nama, harga, dan stok. Lakukan:

  1. filter produk yang masih tersedia;
  2. buat daftar nama dengan map;
  3. hitung total harga seluruh produk tersedia dengan reduce;
  4. cari satu produk berdasarkan nama.