String replace all dengan javascript

String replace all dengan javascript

loading....

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

Fungsi Javascript string replace

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

Contoh javascript string replace

<!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

Contoh javascript string replace all

<!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.

Contoh javascript string replace Uppercase

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

 

Artikel Menarik Lainnya
javascript, js, javascript tutorial, string replace, javascript string replace all

loading...