Coutrage de coupe en JavaScript

Points clés

• JavaScript fournit trois fonctions d'élagage de chaîne natives: trimLeft(), trimRight() et trim(). Ces fonctions ne suppriment que les caractères d'espace du début, de la fin ou de la fin de la chaîne, respectivement.
• Les versions améliorées de ces fonctions peuvent supprimer n'importe quel caractère, similaire aux fonctions PHP. Ces versions utilisent des objets regexp et des caractères spéciaux, tels que ^ et $ pour représenter le début et la fin d'une chaîne, respectivement.
• La taille est non seulement utilisée pour éliminer les espaces inutiles de l'entrée de l'utilisateur, mais résout également une gamme plus large de problèmes lors de l'utilisation de versions améliorées de la fonction d'élagage. Par exemple, il peut empêcher les problèmes de connexion causés par les espaces de fuite dans l'enregistrement des utilisateurs.

L'élagage des chaînes est l'une des tâches les plus courantes gérées par les programmeurs. La fonction de coupe supprime les espaces au début et / ou à la fin d'une chaîne. JavaScript 1.8.1 a introduit le support natif pour l'élagage, ce qui signifie qu'avant IE9, ils ne faisaient pas partie d'Internet Explorer. Cet article vous montrera comment tailler et comment construire des fonctions d'élagage plus flexibles et puissantes. JavaScript fournit trois fonctions pour effectuer différents types d'élagage des chaînes. Le premier est trimLeft(), qui supprime les caractères du début de la chaîne; . Comme beaucoup d'autres langues, les fonctions natives de JavaScript ne suppriment que les caractères d'espace. Au lieu de cela, les fonctions PHP peuvent supprimer n'importe quel caractère. Cet article présentera des fonctions d'élagage similaires à PHP. trimRight() trim()

trimLeft() Voyons comment fonctionne le natif

.

trimLeft()

Notez que les espaces au début de la chaîne sont supprimés. Nous pouvons améliorer cette fonction en spécifiant une liste de caractères à supprimer. La version améliorée est illustrée ci-dessous.

var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"

Les points clés de cette fonction sont l'objet regexp et les caractères spéciaux

String.prototype.trimLeft = function(charlist) {
  if (charlist === undefined) {
    charlist = "\s";
  }

  return this.replace(new RegExp("^[" + charlist + "]+"), "");
};

. Regexp crée un objet d'expression régulière qui correspond au texte avec le motif donné. Dans les expressions régulières, le caractère

indique le début de la chaîne. Notez que la liste des caractères d'entrée est sensible à la casse. L'exemple suivant vous montre comment supprimer les espaces au début d'une chaîne. Ce comportement est similaire à une fonction native équivalente. ^ ^ trimLeft() L'exemple suivant montre comment supprimer un jeu de caractères donné du début d'une chaîne. Le premier exemple coupe les caractères minuscules "o", "e" et "l", et majuscule "h". Le deuxième exemple coupe minuscule "H". Étant donné que la chaîne commence par la capitale "H", elle ne sera pas coupée.

var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"

var string = "Hello world";
console.debug(string.trimLeft("Hoel"));
// 输出 " world"

string = "Hi mate!";
console.debug(string.trimLeft("h"));
// 输出 "Hi mate!"

La fonction

améliorée trimRight() accepte également un seul paramètre représentant le caractère à couper. La nouvelle fonction

est indiquée ci-dessous.

var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"

Cette fonction est très similaire à la fonction précédente. La seule différence est le modèle d'expression régulière. Au lieu d'utiliser le caractère ^ pour représenter le début d'une chaîne, nous utilisons le caractère $, qui représente la fin de la chaîne. L'exemple suivant montre comment utiliser la fonction trimRight(). Le premier est très simple, similaire à l'exemple précédent. Le second est intéressant car il utilise non seulement une liste de caractères, mais aussi une classe de caractères POSIX. Une classe de caractères est une notation raccourci pour un jeu de caractères spécifié. Cet exemple utilise le code W. W signifie des caractères non mot, ou tous les caractères, à l'exception des lettres, des chiffres et des caractères de soulignement.

String.prototype.trimLeft = function(charlist) {
  if (charlist === undefined) {
    charlist = "\s";
  }

  return this.replace(new RegExp("^[" + charlist + "]+"), "");
};

trim()

La dernière fonction est très simple et dépend des deux premières fonctions. Il coupe le début et la fin de la chaîne en même temps. Son implémentation est également simple, car il implique d'appeler trimLeft() sur la même chaîne, puis d'appeler trimRight().

var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"

Ce qui suit montre quelques exemples d'utilisation trim().

var string = "Hello world";
console.debug(string.trimLeft("Hoel"));
// 输出 " world"

string = "Hi mate!";
console.debug(string.trimLeft("h"));
// 输出 "Hi mate!"

Conclusion

La fonction d'élagage peut être utilisée pour supprimer les espaces inutiles de l'entrée utilisateur. Souvent, les utilisateurs ne réalisent même pas qu'ils entrent dans des espaces supplémentaires. Par exemple, si l'utilisateur s'inscrit avec des espaces de fin, ce fait peut également provoquer des problèmes de connexion. Cependant, ce n'est pas le seul cas d'utilisation pour l'élagage. En utilisant les fonctions d'élagage améliorées décrites dans cet article, vous pouvez également résoudre une gamme de problèmes plus large que les fonctions natives peuvent résoudre.

(La partie FAQ doit être conservée ici, mais en raison des limitations de l'espace, je l'omettre.

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!