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:

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

Hasilnya, yang berikut akan ditulis ke dalam variabel:

javascript'(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:

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

Hasilnya, yang berikut akan ditulis ke dalam variabel:

javascript'!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.

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

Hasilnya, yang berikut akan ditulis ke dalam variabel:

javascript'bbb@aaa ddd@ccc'

Tugas Praktis

javascriptlet str = '12 34 56 78';

javascriptlet str = '31.12.2025';