Latihan 1: Mindset Debugging — Debugging

Latihan 1 dari materi Mindset Debugging di Debugging — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode di editor punya tiga bug. Perbaiki function processUsers(users) pakai langkah debugging dari materi, sampai dia mengembalikan array teks Nama (umur) dari user yang aktif saja, urut abjad.

Jalankan dulu kodenya dan baca pesan error-nya.
Function-nya harus mengembalikan hasilnya dengan return.
Syarat di filter harus membandingkan pakai ===, bukan mengisi nilai pakai =.
Log satu user (console.log(activeUsers[0])) untuk melihat nama property yang benar, lalu betulkan bagian map.

Data users dan baris console.log(result.join(",")) di bawahnya sudah ada, biarkan. Untuk data itu, console harus mencetak persis:

Andi (22),Budi (25),Dina (28)

Function-nya juga dicek dengan data lain: dengan Zaki (30, aktif), Ani (20, gak aktif) dan Bimo (41, aktif), processUsers harus mengembalikan ["Bimo (41)","Zaki (30)"], dan daftar tanpa user aktif harus menghasilkan array kosong (panjang 0).

Hint

Error-nya muncul di baris terakhir, tapi penyebabnya di dalam processUsers: function tanpa return selalu menghasilkan undefined, dan undefined gak punya join.
Setelah ada return, pasang log di tengah. console.log(activeUsers.length) harusnya 3, bukan 5, dan console.log(activeUsers[0]) menunjukkan nama property-nya: name.
const activeUsers = users.filter(u => u.active === true); const formatted = activeUsers.map(u => u.name + " (" + u.age + ")"); formatted.sort(); return formatted;

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Mindset Debugging — Debugging

Hint

Memperbarui Aplikasi