Comment échapper efficacement aux caractères spéciaux HTML en JavaScript ?

Équivalent JavaScript de HtmlSpecialChars de PHP

En PHP, la fonction htmlspecialchars est utilisée pour encoder des caractères spéciaux, tels que <, >, et &, en entités HTML. Par exemple, < devient <.

JavaScript n'a pas de fonction intégrée qui reproduit exactement le comportement de htmlspecialchars. L'équivalent le plus proche consiste à utiliser une fonction personnalisée qui effectue les étapes suivantes :

1. Remplacer & par &.
2. Remplacer < par <.
3. Remplacer > par >.

4. Remplacez " par ".
5. Remplacez ' par '.

Une implémentation possible d'une telle fonction est :

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

Cette fonction échappera à toutes les occurrences des caractères spéciaux spécifiés. Cependant, il est important de noter qu'elle n'échappera pas à toutes. caractères spéciaux possibles. Par exemple, il n'échappe pas au caractère ' ', qui peut être utilisé pour représenter les espaces dans les URL.

Pour de meilleures performances, en particulier avec des blocs de texte volumineux, vous pouvez utiliser une approche de table de recherche :

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

Cette approche réduit la quantité de manipulation de chaînes requise, ce qui entraîne des performances améliorées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!