0Pricing
JavaScript Academy · Pelajaran

Grup, Capture, dan Replace

Tangkap bagian teks dengan grup, gunakan grup bernama, lakukan iterasi pada semua kecocokan, dan lakukan penggantian aman dengan referensi balik atau fungsi

Grup, Capture, dan Replace adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa grup?

Tujuan: Ekstrak dan ubah bentuk teks.

  • Grup tangkapan: (...)
  • Grup bernama: (?<name>...)
  • matchAll untuk mengulang semua hasil
  • replace dengan $1 atau sebuah fungsi
Grup, Capture, dan Replace — ilustrasi 1

Grup bernomor

Gunakan (...) untuk menangkap bagian-bagian teks. Akses bagian tersebut berdasarkan indeks: m[1], m[2], ...

// Capture YYYY-MM-DD into groups
const r = /(\\d{4})-(\\d{2})-(\\d{2})/;
const m = r.exec("Today: 2025-09-26");
if (m) {
  console.log("year:", m[1], "month:", m[2], "day:", m[3]);
} else {
  console.log("no match");
}
Grup, Capture, dan Replace — ilustrasi 2

Grup bernama

Grup bernama menambahkan kunci yang mudah dibaca melalui m.groups.name.

// Named groups make code clearer
const rx = /(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/;
const hit = rx.exec("Release 2024-01-05");
if (hit) {
  console.log("y:", hit.groups.y, "m:", hit.groups.m, "d:", hit.groups.d);
}
Grup, Capture, dan Replace — ilustrasi 3

Mengulang kecocokan

matchAll mengembalikan iterator; gunakan bersama g untuk mengulang setiap kecocokan dan membaca grup.

// matchAll with the g flag to get every match and groups
const text = "IDs: A-12, B-7, C-300";
const pattern = /([A-Z])-(\\d+)/g;

for (const match of text.matchAll(pattern)) {
  console.log("letter:", match[1], "num:", match[2]);
}
Grup, Capture, dan Replace — ilustrasi 4

Mengganti dengan grup

replace dapat menggunakan $1, $2, atau fungsi panggilan balik untuk membentuk teks baru.

// Replace order: "2025-09-26" -> "26/09/2025"
const date = "2025-09-26";

// With backreferences
const swapped1 = date.replace(/(\\d{4})-(\\d{2})-(\\d{2})/, "$3/$2/$1");
console.log("swap1:", swapped1);

// With a function for more control
const swapped2 = date.replace(/(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/, function (_all, _y, _m, _d, groups) {
  return groups.d + "/" + groups.m + "/" + groups.y;
});
console.log("swap2:", swapped2);
Grup, Capture, dan Replace — ilustrasi 5

Tips dan jebakan

Tips:

  • Tambahkan g saat Anda memerlukan semua kecocokan (gunakan matchAll).
  • Utamakan grup bernama agar lebih jelas.
  • Jaga agar pola tetap kecil; uji pada string sampel yang pendek.
Grup, Capture, dan Replace — ilustrasi 6

Kuis dasar matchAll

Pemeriksaan singkat: Ulangi semua kecocokan dengan grup.

Grup, Capture, dan Replace — ilustrasi 7

Ringkasan

Ringkasan: Tangkap dengan (...), gunakan grup bernama agar lebih jelas, ulangi semua kecocokan melalui matchAll, dan ubah bentuk teks menggunakan replace dengan referensi balik atau fungsi panggilan balik.

Grup, Capture, dan Replace — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Grup, Capture, dan Replace” gratis?

Ya — teks lengkap “Grup, Capture, dan Replace” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Grup, Capture, dan Replace”?

Tangkap bagian teks dengan grup, gunakan grup bernama, lakukan iterasi pada semua kecocokan, dan lakukan penggantian aman dengan referensi balik atau fungsi Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 3.

Berapa lama pelajaran “Grup, Capture, dan Replace” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar Regex — Literal, test, Anchor, dan Flag
  2. Grup, Capture, dan Replace
  3. Validasi dan Jebakan Kecil
← Kembali ke JavaScript Academy