Bagaimana untuk Melarikan Diri Aksara Khas HTML dalam JavaScript dengan Berkesan?

JavaScript Equivalent of PHP's HtmlSpecialChars

Dalam PHP, fungsi htmlspecialchars digunakan untuk mengekod aksara khas, seperti <, >, dan &, ke dalam entiti HTML. Contohnya, < menjadi <.

JavaScript tidak mempunyai fungsi terbina dalam yang betul-betul mereplikasi gelagat htmlspecialchars. Persamaan yang paling hampir ialah menggunakan fungsi tersuai yang melakukan langkah berikut:

1. Ganti & dengan &.
2. Ganti < dengan <.
3. Ganti > dengan >.

4. Ganti " dengan ".
5. Ganti ' dengan '.

Satu kemungkinan pelaksanaan fungsi sedemikian ialah:

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, "&amp;lt;")
      .replace(/>/g, "&amp;gt;")
      .replace(/&quot;/g, "&amp;quot;")
      .replace(/'/g, "&amp;#039;");
}

Fungsi ini akan terlepas dari semua kemunculan aksara khas yang ditentukan Walau bagaimanapun, adalah penting untuk diperhatikan bahawa ia tidak terlepas dari semua kemungkinan aksara khas Contohnya, ia tidak terlepas daripada aksara ' ', yang boleh digunakan untuk mewakili ruang dalam URL.

Untuk prestasi yang lebih baik, terutamanya dengan blok teks yang besar, anda boleh menggunakan pendekatan jadual carian:

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '<',
    '>': '>',
    '"': '&quot;',
    "'": '&amp;#039;'
  };
  
  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

Pendekatan ini mengurangkan jumlah manipulasi rentetan yang diperlukan, menghasilkan prestasi yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk Melarikan Diri Aksara Khas HTML dalam JavaScript dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!