JavaScriptTingkat: Menengah6 min
Arrow Functions & Array Methods (map, filter, reduce)
Tingkatkan produktivitas kode fungsional dengan sintaks ringkas Arrow Function dan transformasi array menggunakan map, filter, serta reduce.
Arrow Functions (ES6)
Pratinjau TerbukaArrow function menyediakan sintaks ringkas untuk menulis fungsi anonim dan mengikat nilai this secara leksikal dari cakupan sekitarnya.
Contoh Kode Sintaks
// Fungsi Standar
function tambah(a, b) {
return a + b;
}
// Arrow Function Ringkas
const kali = (a, b) => a * b;
console.log("Hasil Kali:", kali(6, 7));Pemrosesan Data dengan Array Methods
Kombinasi map, filter, dan reduce membentuk data processing pipeline yang bersih dan immutable tanpa perulangan imperatif manual.
const produk = [
{ nama: "Laptop Pro", harga: 18000000, stok: 4 },
{ nama: "Mouse Wireless", harga: 250000, stok: 12 },
{ nama: "Keyboard Mechanical", harga: 850000, stok: 0 }
];
// Pipeline: Filter produk tersedia -> Ambil nama produk
const tersedia = produk
.filter(p => p.stok > 0)
.map(p => p.nama);
console.log("Produk Siap Kirim:", tersedia);
Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi