Apps Artificial Intelligence CSS DevOps Go JavaScript Laravel Linux MongoDB MySQL PHP Python Rust Vue

JavaScript `String.replaceAll()`: Ganti Semua Sekaligus

1 min read .
JavaScript `String.replaceAll()`: Ganti Semua Sekaligus

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.

Lihat Juga

chevron-up