PT Mitra Tekno Niaga
Hubungi Kami
x
Cara Replace String dengan JavaScript
Pemrograman

24 Desember 2019

Cara Replace String dengan JavaScript

Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami 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 :

  1. search value, nilai atau regular expression yang akan digantikan oleh nilai baru (Required).
  2. 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", "mitrateknoniaga.com");
  alert(res);
</script>
</head>
<body> </body>
</html>

Script di atas bertujuan untuk mengganti kata "Microsoft" dari kalimat "Selamat Datang di Microsoft!" menjadi "mitrateknoniaga.com", sehingga bila script tersebut dijalankan akan menghasilkan sebuah alert dengan Output :

Selamat Datang di mitrateknoniaga.com!

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

JavaScript HTML