Array Pasar: Belajar map, filter, dan reduce di lapak pasar

Cara bermain Array Pasar

1. Baca instruksi level. Method yang perlu kamu pakai disebut di sana.
2. Tulis isi fungsi olah(). Variabel dagangan sudah tersedia, begitu juga variabel lain yang tampil di bawah meja.
3. Hasil return kodemu tampil di bawah meja. Barang yang tersaring diredupkan di meja, dan harga yang diubah map menampilkan harga lamanya.
4. Tekan Cek jawaban atau Ctrl + Enter. Kodemu dijalankan di dua lapak dengan dagangan berbeda, jadi menulis jawabannya langsung tidak akan lolos.
5. Kalau buntu, buka Petunjuk. Petunjuk pertama mengarahkan, petunjuk terakhir hampir menjawab.
6. Level yang sudah selesai tetap tercentang saat kamu kembali dengan browser yang sama.

Yang kamu pelajari

1. Level 1

   map

   Mengubah tiap item jadi nilai baru. Hasilnya array baru yang sama panjang.

2. Level 2

   Spread objek

   { ...barang, harga } menyalin semua field lalu menimpa yang ditulis sesudahnya.

3. Level 3

   filter

   Menyisakan item yang memenuhi syarat.

4. Level 4

   find

   Mengembalikan satu item pertama yang cocok, atau undefined kalau tidak ada.

5. Level 5

   some dan every

   Menjawab ya atau tidak: ada minimal satu yang cocok, atau semuanya cocok.

6. Level 7

   includes

   Mengecek apakah sebuah nilai ada di array.

7. Level 8

   reduce

   Meringkas array jadi satu nilai, misalnya total, dengan membawa nilai dari item ke item.

8. Level 9

   sort dengan pembanding

   (a, b) => a.harga - b.harga mengurutkan angka dengan benar. Tanpa pembanding, item diurutkan sebagai teks.

9. Level 10

   Chaining

   Menyambung method karena tiap method mengembalikan array baru.

10. Level 11

    toSorted dan immutability

    Mengurutkan salinan supaya array aslinya tidak berubah.

11. Level 12

    flatMap

    map yang hasilnya diratakan satu tingkat, untuk array di dalam array.

12. Level 13

    Object.groupBy

    Mengelompokkan item ke objek berdasarkan kunci, misalnya kategori.

sort mengubah array aslinya

map, filter, dan toSorted mengembalikan array baru. sort berbeda: ia mengurutkan array itu sendiri lalu mengembalikan array yang sama. Setelah dagangan.sort(...), semua bagian program yang memakai dagangan melihat urutan baru.

Kalau datanya masih dipakai di tempat lain, misalnya state React atau props, urutkan salinannya: dagangan.toSorted(...) atau [...dagangan].sort(...).

Tanya jawab