Download Source Code Aplikasi

Mencari Dan Mengganti Substring Di Dalam String Target

Monday, August 19th, 2019 - Artikel JavaScript

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.
Download Source Code Aplikasi
Mencari Dan Mengganti Substring Di Dalam String Target | Ahmad Code | 4.5