Kantong dalam Metode replace di Reguler JavaScript

Saat bekerja dengan metode replace, jika kita meletakkan sesuatu ke dalam kantong dalam regex, maka dalam string pengganti kita dapat menyisipkan konten kantong tersebut dengan menulis tanda dolar $ dan nomor kantong. Misalnya, $1 - kantong pertama, $2 - kantong kedua dan seterusnya.

Mengapa ini diperlukan dan bagaimana menggunakannya, mari kita lihat contohnya.

Contoh

Mari kita temukan semua angka dan sebagai gantinya menyisipkan angka yang sama, tetapi dalam tanda kurung. Untuk melakukan ini, semua angka yang ditemukan akan kita ganti dengan angka itu sendiri, tetapi dalam tanda kurung:

let str = '1 23 456 xax';
let res = str.replace(/(\d+)/g, '($1)');

Hasilnya, yang berikut akan ditulis ke dalam variabel:

'(1) (23) (456) xax'

Contoh

Mari kita temukan semua string yang mewakili angka dengan 'x' di sekitarnya dan ganti angka tersebut dengan angka yang sama, tetapi dengan tanda '!' di sekitarnya:

let str = 'x1x x23x x456x xax';
let res = str.replace(/x(\d+)x/g, '!$1!');

Hasilnya, yang berikut akan ditulis ke dalam variabel:

'!1! !23! !456! xax'

Contoh

Mari kita selesaikan masalah berikut: diberikan string berbentuk 'aaa@bbb' - huruf, lalu tanda @, lalu huruf. Kita perlu menukar huruf sebelum @ dan sesudahnya.

let str = 'aaa@bbb ccc@ddd';
let res = str.replace(/([a-z]+)@([a-z]+)/g, '$2@$1');

Hasilnya, yang berikut akan ditulis ke dalam variabel:

'bbb@aaa ddd@ccc'

Tugas Praktis

Diberikan string:

let str = '12 34 56 78';

Tukar posisi digit dalam semua angka dua digit.

Diberikan string dengan tanggal:

let str = '31.12.2025';

Ubah tanggal ini menjadi '2025.12.31'.