Categories: Artikel JavaScript

Mencari Dan Mengganti Substring Di Dalam String Target

Pernah memakai HTML parser tool?

Secara garis besar cara kerja alat itu ialah dengan mencari substring tertentu di dalam string target, sehabis ditemukan, substring itu akan diganti dengan substring yang baru.

Sebagai pola bila sebelumnya terdapat deklarasi variabel stringObj memakai fungsi pembangun objek String, di mana stringObj berisi nilai bersesuaian menyerupai terlihat di bawah ini:

var stringObj = new String("<B>This is bold text.</B>");

Misalkan aku menginginkan semua abjad < di ganti dengan Entity &lt; dan semua abjad > di ganti dengan Entity &gt;.

Dan instruksi JavaScript untuk mengkonversi semua abjad < dan semua abjad > menjadi Entity mungkin menyerupai berikut:

stringObj.replace(/</ig, "&amp;lt;").replace(/>/ig, "&amp;gt;");

Jika sebelumnya terdapat elemen P yang di wakili oleh variabel myOutput dengan properti innerHTML sebagai daerah outputnya, maka hasil pengeksekusian instruksi JavaScript di atas menghasilkan string gres menyerupai di bawah ini:

&lt;B&gt;This is bold text.&lt;/B&gt;

Contoh instruksi lengkapnya:

<P ID="demo"></P> <SCRIPT TYPE="text/javascript"> var myOutput = document.getElementById("demo"); var stringObj = new String("<B>This is bold text.</B>"); myOutput.innerHTML = stringObj.replace(/</ig, "&amp;lt;").replace(/>/ig, "&amp;gt;"); </SCRIPT>

Sebagai tambahan, dikala memakai TEXTAREA dengan value-nya sebagai daerah outputnya, ganti:

myOutput.innerHTML = stringObj.replace(/</ig, "&amp;lt;").replace(/>/ig, "&amp;gt;");

Dengan:

myOutput.value = stringObj.replace(/</ig, "&lt;").replace(/>/ig, "&gt;");

Di mana TEXTAREA-nya mungkin menyerupai berikut ini:

<TEXTAREA ID="demo" ROWS="3" COLS="40"></TEXTAREA>

Contoh instruksi lengkapnya:

<TEXTAREA ID="demo" ROWS="3" COLS="40"></TEXTAREA> <SCRIPT TYPE="text/javascript"> var myOutput = document.getElementById("demo"); var stringObj = new String("<B>This is bold text.</B>"); myOutput.value = stringObj.replace(/</ig, "&lt;").replace(/>/ig, "&gt;"); </SCRIPT>

Untuk lebih jelas, silahkan lihat rujukan metode String.replace().

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Ahmad Code

Share
Published by
Ahmad Code

Recent Posts

Source Code Aplikasi Sistem Rekam Medis PHP+MYSQL

dalam dunia medispun telah menggunakan system komputasi, berupa aplikasi berbasis desktop maupun under web. kali…

2 hours ago

Source code aplikasi managemen RT-RW berbasis website

Aplikasi web merupakan salah satu media yang tepat untuk memberikan informasi kepada warga atau masyarakat…

8 hours ago

Source code Aplikasi Sistem Informasi Akademik Sekolah Menggunkan PHP MySQL

Aplikasi Sistem Informasi Akedemik Sekolah menggunkan PHP MySQl atau berbasis web ini merupakan sebuah sebuah…

14 hours ago

Source Code Aplikasi Website Portal Menggunakan PHP MySQL

Pada kesempatan ini saya kembali membagikan buat anda pencinta aplikasi berbasis web yaitu source kode…

20 hours ago

Source code Aplikasi Website Pendaftaran Online Menggunakan PHP Mysql

Buat sobat semua yang lagi membutuhkan sedikit pencerahan tentang membuat website sistem pendaftaran online, pada…

1 day ago

Source code Aplikasi Penjualan Sepeda Motor Menggunakan PHP dan MySQL

Aplikasi Penjualan Sepeda Motor berbasis web ini adalah merupakan aplikasi untuk memberikan kemudahan dalam proses…

1 day ago