JavaScript `String.replaceAll()`: Ganti Semua Sekaligus
1
min read .
Updated on
Kadang saya harus ganti semua kemunculan kata atau pola di string, bukan cuma yang pertama. Sebelumnya pakai replace()
mesti pakai trik atau loop, tapi replaceAll()
bikin semuanya gampang.
Apa Itu String.replaceAll()
?
- Mengganti semua kemunculan substring atau regex pattern di string.
- Bisa pakai literal string atau regex.
string.replaceAll(searchValue, replaceValue);
searchValue
→ substring atau regex.replaceValue
→ string pengganti, bisa juga fungsi.
Contoh Penggunaan
1. Literal Substring
const text = 'Hello World! Welcome to the World of JavaScript.';
console.log(text.replaceAll('World', 'Universe'));
// "Hello Universe! Welcome to the Universe of JavaScript."
2. Regex Pattern
const text = 'The rain in Spain stays mainly in the plain.';
console.log(text.replaceAll(/ain/g, 'oon'));
// "The roon in Spoon stays moolnly in the ploon."
3. Hapus Karakter Khusus
const unsafe = 'Hello <world> & welcome!';
console.log(unsafe.replaceAll(/[<>&]/g, ''));
// "Hello world welcome!"
4. Replacement Dinamis dengan Fungsi
const fruits = 'apple, banana, cherry';
console.log(fruits.replaceAll(/\b(\w+)/g, m => m.toUpperCase()));
// "APPLE, BANANA, CHERRY"
Kapan Pakai replaceAll()
?
- Bulk Text Replacement → ganti banyak substring sekaligus.
- Sanitasi Data → hapus karakter yang tidak diinginkan.
- Format String → ubah konten di seluruh teks.
Kesimpulan
Gini deh, replaceAll()
itu lifesaver buat manipulasi string. Pada akhirnya, kode lebih bersih, cepat, dan jelas maksudnya, tanpa trik-trik ribet atau loop tambahan.