Kembali lagi di rumah code kali ini kita akan belajar bersama tentang javascript. Pada pembahasan kali ini kita akan belajar bagaimana cara untuk melakukan string replace all dengan javascript.
Untuk malkukan string replace dengan menggunakan javascript kita akan menggunakan fungsi replace. Fungsi string replace ini memang bertujuan untuk mengganti string dengan string. Sekarang mari kita mulai saja tutorial javascript untuk mereplace semua string.
Baca Juga : Belajar Javascript Untuk Pemula
Seperti sudah dijelaskan di atas kita akan menggunakan fungsi string relpace. Perintah dasar dari fungsi string replace ini adalah
string.replace("cari","replace");biar gak bingung mari simak contoh di bawah ini
<!DOCTYPE html>
<html>
<body>
<button onclick="stringreplace()">String Replace</button>
<script>
function stringreplace() {
var str = "Selamat Datang di Rumahcode.org";
var strBaru = str.replace(' ', '-');
alert(strBaru);
}
</script>
</body>
</html>
pada contoh di atas melakukan replace spasi ( ) dengan tanda minus (-) tapi dengan perintah di atas tidak semua spasi akan dapat di replace. Hanya spasi pertama aja yang akan di replace. Sekarang bagaimana untuk me replace semua spasi menjadi tanda minus? Simak contoh di bawah ini
<!DOCTYPE html>
<html>
<body>
<button onclick="stringreplaceall()">String Replace All</button>
<script>
function stringreplaceall() {
var str = "Selamat datang di Rumahcode.org";
var strBaru = str.replace(/ /g, '-');
alert(strBaru);
}
</script>
</body>
</html>
Coba perhatikan perbedaan pada contoh pertama dan contoh kedua di atas. Apakah terlihat perbedaan dari kedua contoh di atas? Kalau tidak akan saya beritahu perbedaan dari kedua contoh di atas. Perbedaan dari kedua contoh di atas terletak pada variabel strBaru.
var strBaru = str.replace(' ', '-');
var strBaru = str.replace(/ /g, '-');saya mengganti tanda kutip dengan slash ( / )dan slashg ( /g ) yang membuat fungsi str replace dapat mengganti semua nilai yang akan kita ganti.
Sebenar nya merubah string menjadi uppercase bukanlah topik pembahasan utama pada tutorial javascript kali ini namun saya akan berikan contoh juga karena merubah string menjadi uppercase pada javascript juga dapat menggunakan fungsi str.replace.
<!DOCTYPE html>
<html>
<body>
<button onclick="stringreplaceup()">String Replace All To Uppercase</button>
<script>
function stringreplaceup() {
var str = "Hallo teman teman selamat datang di Rumahcode.org";
var strBaru = str.replace(/selamat|Hallo|Rumahcode.org/gi, function (nstr) {
return nstr.toUpperCase();
});
alert(strBaru);
}
</script>
</body>
</html>
pada contoh di atas saya akan merubah beberap kata menjadi uppercase yaitu kata selamat, Hallo, Rumahcode.org. Dari contoh di atas kata kata tersebut akan menjadi uppercase. Dari "Hallo teman teman selamat datang di Rumahcode.org" menjadi seperti ini "HALLO teman teman SELAMAT datang di RUMAHCODE.ORG".
Demikian lah tutorial javascript string replace all kali ini semoga dapat dengan mudah dipahami oleh teman teman
