Menu
CoddyTech
START LEARNING

Merangkai method array

Termasuk bagian Logika dan Alur dalam perjalanan JavaScript di Coddy. Pelajaran 55 dari 65.

Chaining pada array memungkinkan kamu melakukan beberapa operasi pada sebuah array dalam satu pernyataan. Pendekatan ini dapat membuat kodemu lebih ringkas dan mudah dibaca.

Berikut contoh perangkaian method array:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

Dalam contoh ini, kita mulai dengan array angka, menyaring angka ganjil, menggandakan setiap angka yang tersisa, lalu menjumlahkan hasilnya.

Urutan perangkaian itu penting. Setiap method dalam rangkaian bekerja pada hasil dari method sebelumnya.

challenge icon

Tantangan

Mudah

Buat fungsi bernama processFruits yang menerima array berisi object buah. Setiap object buah memiliki property name (string) dan quantity (angka).

Fungsi tersebut harus menggunakan method array berantai untuk:

  1. Menyaring buah yang jumlahnya 0
  2. Mengubah setiap nama buah menjadi huruf besar
  3. Membuat string yang mencantumkan semua buah beserta jumlahnya seperti "APPLE: 5, BANANA: 3"

Pengingat singkat:

Kamu bisa menggunakan fungsi .join(", ") untuk mengubah array string menjadi satu string.

Kamu bahkan bisa merangkai fungsi .join():

arr.filter(...)
   .map(...)
   .join(...)

Coba sendiri

function processFruits(fruits) {
  // Tulis kodemu di sini
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Logika dan Alur

1Mendalami string

Dasar-dasar stringIterasi pada stringTemplate LiteralsMethod stringRangkuman: Perangkai string

4JSON Bagian 2

Menelusuri JSONJSON BersarangOptional Chaining pada JSONSalinan Dangkal dan MendalamUlasan: Toko SepedaUlasan: Tata Surya

7Sistem Manajemen Perpustakaan

Ikhtisar ProyekMenambahkan BukuPelajaran proyekCari Berdasarkan JudulPelajaran proyekFilter Berdasarkan GenrePelajaran proyekTandai Sudah DibacaPelajaran proyek

10Kelola Sistem Festival

Gambaran Umum ProyekTambahkan Film dan LokasiPelajaran proyekTambahkan PemutaranPelajaran proyekBeli TiketPelajaran proyekBeri Rating FilmPelajaran proyekBatalkan PemutaranPelajaran proyek

2Array Multidimensi

Dasar-Dasar Array 2DMengakses Elemen Array 2DLoop Bersarang dengan Array 2DRingkasan: Array 2DPenjumlahan dan Pengurangan MatriksArray BergerigiArray 3D dan SeterusnyaPola Umum Array 2DRingkasan: Semua tentang Array

5set Bagian 1

Apa Itu set?Melakukan Perulangan pada setMenambahkan ElemenMenghapus ElemenMemeriksa Apakah Elemen AdaUkuran dan Apakah KosongMenyalin dan MengosongkanRangkuman: Dasar-Dasar set

8Topik Menarik tentang array

Membongkar arraySintaks spread pada arrayArray renggangRekap: Lokakarya array

3JSON Bagian 1

Apa Itu JSON?Periksa Apakah Kunci AdaMethod objectOperator Spread Bagian 1Operator Spread Bagian 2Hapus KunciRangkuman: Memanipulasi Kunci JSON

6set Bagian 2

Matematika, Gabungan setMatematika, Irisan setMatematika, Selisih setSelisih SimetrisSubset dan SupersetUlasan, Kelompokkan Teman

9Method array tingkat lanjut

Method join & splitMethod mapMethod filterMethod reduceMerangkai method arrayApakah forEach dan map sama?Method sortMethod find & findIndexRangkuman: Ahli Merangkai

Latihan sendiri: Compiler JavaScript online