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 :
Cara Replace String dengan JavaScript
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 :
Cara Replace String dengan JavaScript
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 :
Cara Replace String dengan JavaScript
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
Tutorial
JavaScript Pemula Part 6 : Property Dan Method Objek String Dalam JavaScript
Tutorial JavaScript Pemula Part 6 : Property Dan Method Objek String Dalam JavaScript - Hello everyone selamat datang kembali diwebsite saya belajarwithib.my.id, pada seri kali ini kita akan membahas Property Dan Method Objek String Dalam JavaScript.
Didalam Objek String sudah dijelaskan sebelumnya bahwa setiap variable akan berubah atau menjadi objek sehingga nantinya akan otomatis memiliki property
dan method. Untuk variable yang tipe datanya adalah string akan memiliki property dan method yang seperti dibawah ini :
- Mending Rakit PC Atau Beli Laptop
- Tips Jitu Belajar Coding Secara Otodidak
Method String Pada
Javascript
Berikut ini adalah Macam-macam Method String Pada Javascript :
- charAt() Mengembalikan karakter pada indeks (posisi) yang ditentukan
- charCodeAt() Mengembalikan karakter Unicode pada indeks yang ditentukan
- concat() Menggabungkan dua atau lebih string, dan mengembalikan string yang baru bergabung
- endsWith() Memeriksa apakah string diakhiri dengan string spesifik / karakter tertentu
- fromCharCode()
Mengonversi nilai Unicode ke karakter
- includes() Memeriksa apakah sebuah string berisi string / karakter yang ditentukan
- indexOf() Mengembalikan posisi kejadian yang ditemukan pertama dari nilai yang ditentukan dalam sebuah string
- lastIndexOf() Mengembalikan posisi kejadian terakhir yang ditemukan dari nilai yang ditentukan dalam sebuah string
- localeCompare() Membandingkan dua senar di lokal saat ini
- match() Mencari
string untuk mencocokkan dengan ekspresi reguler, dan mengembalikan kecocokan tersebut
- repeat() Mengembalikan string baru dengan sejumlah salinan dari string yang ada
- replace() Mencari string untuk nilai tertentu, atau ekspresi reguler, dan mengembalikan string baru tempat nilai yang ditentukan untuk diganti
- search() Mencari string untuk nilai tertentu, atau ekspresi reguler, dan mengembalikan posisi kecocokan
- slice() Ekstrak bagian
dari string dan mengembalikan string baru
- split() Membagi string menjadi array of substring
- startsWith() Memeriksa apakah sebuah string diawali dengan karakter yang ditentukan
- substr() Ekstrak karakter dari sebuah string, dimulai dari posisi awal yang ditentukan, dan melalui jumlah karakter yang ditentukan
- substring() Ekstrak karakter dari sebuah string, di antara dua indeks tertentu
- toLocaleLowerCase() Mengonversi string
ke huruf kecil, sesuai dengan lokasi host
- toLocaleUpperCase() Mengonversi string ke huruf besar, sesuai dengan lokasi host
- toLowerCase() Mengubah string menjadi huruf kecil
- toString() Mengembalikan nilai objek String
- toUpperCase() Mengonversi string menjadi huruf besar
- trim() Menghapus spasi dari kedua ujung string
- String PropertiesvalueOf() Mengembalikan nilai primitif objek String
Property
String Pada Javascript
Berikut ini adalah Macam-macam Property String Pada Javascript :
- constructor Mengembalikan fungsi konstruktor string.
- length Mengembalikan panjang string.
- prototype Memungkinkan Anda menambahkan properti dan metode ke suatu objek.
Metode Pembungkus HTML String
Berikut ini adalah Macam-macam Metode Pembungkus HTML String Pada Javascript :
- anchor() Menghasilkan link
sama seperti menggunakan tag .
- big() Menjadikan teks menjadi lebih besar karena diapit tag .
- blink() Menjadikan teks berkedip karena diapit
- bold() Menampilkan string dengan huruf tebal seperti tag .
- fixed() Menampilkan string menggunakan font nada tetap.
- fontcolor() Menampilkan string menggunakan warna tertentu.
- fontsize()
Menampilkan string menggunakan ukuran tertentu.
- italics() Menampilkan string miring.
- link() Menampilkan string sebagai hyperlink.
- small() Menampilkan string menggunakan font kecil.
- strike() Menampilkan string dengan coretan.
- sub() Menampilkan string sebagai teks subskrip.
- sup() Menampilkan string sebagai teks superskrip.
Semua metode string mengembalikan nilai baru. Mereka tidak mengubah
variabel asli.
sumber: www.w3schools.com
- Tutorial JavaScript Pemula Part 4 : Memahami Function Pada JavaScript
- Tutorial JavaScript Pemula Part 5 : Belajar Dan Cara Penggunaan
Event Dalam JavaScript
Setelah mengetahui method dan property pada javascript saya akan mencontohkan beberapa cara penggunaannya. Untuk contoh method dan property yang lain silakan bereksperimen sendiri.
Belajar Javascript
Hasilnya akan seperti dibawah ini :
Untuk mendapatkan hasil yang berbeda silahkan saja
untuk bereksprimen sendiri agar kamu jadi jauh lebih mengerti mengenai Property Dan Method Objek String Dalam JavaScript.
Penutupan
Mungkin sekianlah dari saya mengenai Property Dan Method Objek String Dalam JavaScript saya harap kamu mengerti dengan apa yang saya jelaskan karena nantinya ini akan sangat berguna sekali untuk dirimu ketika mempelajari javascript secara lanjut.
Semoga Bermanfaat!!!