Latihan 1: Penamaan yang Baik — Clean Code

Latihan 1 dari materi Penamaan yang Baik di Clean Code — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode di editor menyaring user yang aktif, tapi namanya d, arr, fn, x dan r. Ganti namanya jadi nama yang menyebut isinya. Logikanya jangan diubah.

Ganti d (tanggal hari ini) dengan nama yang jelas, misalnya tanggalHariIni. Baris const d gak boleh ada lagi.
Ganti fungsi fn jadi filterUserAktif, dan ganti juga pemanggilnya. function fn gak boleh ada lagi.
Rapikan juga arr, x dan r, misalnya jadi daftarUser, user dan userAktif. Nama arr, x dan r juga gak boleh tersisa di kode.
Dua console.log di akhir tetap ada, dengan nama yang baru. Outputnya harus tetap persis:

3
Budi, Citra, Dedi

filterUserAktif juga diuji sendiri: filterUserAktif([{ name: 'Budi', isActive: true }, { name: 'Ani', isActive: false }]) harus mengembalikan [{ name: 'Budi', isActive: true }].

Hint

Nama yang baik menyebut isinya: d isinya tanggal hari ini, arr isinya daftar user, fn menyaring user yang aktif, r adalah hasilnya. Logikanya tetap, cuma namanya yang berubah.
Ganti semua pemakaiannya juga, bukan cuma deklarasinya: fn dipanggil di bawah, arr dikirim ke pemanggilan itu, dan r dipakai di dua console.log. Fungsinya harus bernama filterUserAktif.
function filterUserAktif(daftar) { const hasil = []; for (const user of daftar) { if (user.isActive) hasil.push(user); } return hasil; } lalu const userAktif = filterUserAktif(daftarUser); console.log(userAktif.length); console.log(userAktif.map(user => user.name).join(', '));

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Penamaan yang Baik — Clean Code

Hint

Memperbarui Aplikasi