Hallo sobat, pada tulisan kali ini Saya ingin memberikan tutorial tentang bagaimana cara replace sebuah String dengan JavaScript. Tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.
Untuk replace sebuah String dengan JavaScript, Anda bisa menggunakan function replace(). Function ini tidak perlu Anda buat, karena JavaScript sudah menyediakannya. Pada penggunaannya, function replace() ini memiliki 2 parameter yaitu :
replace(search value, new value);
Penjelasan 2 parameter di atas :
- search value, nilai atau regular expression yang akan digantikan oleh nilai baru (Required).
- new value, nilai untuk menggantikan nilai hasil pencarian (Required).
Bagaimana cara menggunakannya? Lihat beberapa contoh script di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title> Cara Replace String dengan JavaScript </title>
<script type="text/javascript">
var str = "Selamat Datang di Microsoft!";
var res = str.replace("Microsoft", "rachmat.ID");
alert(res);
</script>
</head>
<body> </body>
</html>Script di atas bertujuan untuk mengganti kata “Microsoft” dari kalimat “Selamat Datang di Microsoft!” menjadi “rachmat.ID”, sehingga bila script tersebut dijalankan akan menghasilkan sebuah alert dengan Output :
Selamat Datang di rachmat.ID!
Kemudian berikut ini contoh menggunakan replace() dengan parameter regular expression case-sensitive :
<!DOCTYPE html>
<html>
<head>
<title> Cara Replace String dengan JavaScript </title>
<script type="text/javascript">
var str = "Merah, Biru, merah, biru dan Biru";
var res = str.replace(/biru/g, "hijau");
alert(res);
</script>
</head>
<body> </body>
</html>Script di atas bertujuan untuk mengganti kata “biru” dari kalimat “Merah, Biru, merah, biru dan Biru” menjadi “hijau”, sehingga bila script tersebut dijalankan akan menghasilkan sebuah alert dengan Output :
Merah, Biru, merah, hijau dan Biru
Selanjutnya berikut ini contoh menggunakan replace() dengan parameter regular expression case-insensitive :
<!DOCTYPE html>
<html>
<head>
<title> Cara Replace String dengan JavaScript </title>
<script type="text/javascript">
var str = "Merah, Biru, merah, biru dan Biru";
var res = str.replace(/biru/gi, "hijau");
alert(res);
</script>
</head>
<body> </body>
</html>Script di atas bertujuan untuk mengganti semua kata “biru” (tanpa melihat huruf besar ataupun huruf kecil) dari kalimat “Merah, Biru, merah, biru dan Biru” menjadi “hijau”, sehingga bila script tersebut dijalankan akan menghasilkan sebuah alert dengan Output :
Merah, hijau, merah, hijau dan hijau
Gimana? Sangat mudah kan.
Demikian pembahasan tentang Cara Replace String dengan JavaScript, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih
