jQuery Garniture
-
Utilisez
$.trim(str)pour couper une chaîne dans jQuery -
Utiliser la méthode JavaScript
String.trim()pour couper les chaînes
jQuery est l’une des bibliothèques JavaScript les plus populaires, suivie de la devise “écrire moins, faire plus”. En termes plus simples, jQuery garantit de faire de longues lignes de codes JavaScript en moins de lignes.
La fonction $.trim(str) de jQuery supprime tous les espaces blancs, sauts, tabulations, etc. sans signification. Si nous souhaitons comparer une méthode similaire en JavaScript, nous utilisons la méthode String.trim().
Mais il existe quelques différences notables dans leur principe de fonctionnement, que nous découvrirons dans nos jeux d’exemples. Entrons !
Utilisez $.trim(str) pour couper une chaîne dans jQuery
Généralement, la fonction $.trim(str) était largement utilisée dans le développement de cas et d’autres conventions de codage. Mais lorsque la méthode JavaScript .trim() a été introduite, la fonction jQuery a perdu son seul objectif d’effectuer la tâche de découpage.
Les deux fonctionnent de la même manière et JavaScript, dans ce cas, offre plus de précision.
Dans la version 3.5.0 de jQuery, la fonction trim était obsolète et la méthode JavaScript str.trim() était encouragée. Nous aurons un corps HTML avec deux balises de paragraphe dans notre exemple.
L’un prendra la valeur coupée et l’autre prendra le message d’origine.
Comme nous le savons tous, HTML, par défaut, fonctionne sur des espaces indéfinis avant et après n’importe quel paragraphe. Il peut donc être méconnaissable si la fonction $.trim(str) fait son travail.
Nous allons calculer la longueur des chaînes avant et après et les ajouter avec le message que nous transmettons. Passons à la clôture du code.
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<p id="text"></p>
<p id = "val"></p>
<script>
var str = "\n jQuery trimming \n\n";
$( "#text" ).html("Trimmed: " + $.trim(str) + $.trim(str).length);
$( "#val" ).html("Original: " + str + str.length);
</script>
Production:
Nous voyons ici que le message coupé a une longueur de 15 après avoir exclu les espaces supplémentaires. Mais si vous remarquez l’impression originale de la chaîne, il y a un certain écart entre le nombre de longueurs et la chaîne.
Cela définit certains problèmes d’espacement mais ne décrit pas explicitement le nombre d’espaces et de sauts de ligne existants.
Mais successivement, la longueur du message original a été comptée ; nous savons qu’au départ, il y avait 3 trous et 1 saut de ligne avant le début de la chaîne. De plus, dans la partie arrière de la chaîne, il y avait 2 sauts de ligne et 8 espaces blancs.
Alors que le message d’origine ne contient que 15 caractères valides et que le corps HTML ne parvient pas à afficher les lacunes sans signification.
Utiliser la méthode JavaScript String.trim() pour couper les chaînes
Dans le cas de JavaScript, les méthodes str.trim() répondent à un modèle de sortie similaire. Dans l’exemple, nous allons prendre une chaîne et exécuter la méthode.
Nous verrons également si la méthode JavaScript et la fonction jQuery infèrent de la même manière. Vérifions les lignes de code.
var str = ' Cut it off ';
console.log($.trim(str));
console.log(str.trim());
console.log(str);
Production:
D’après les examens, si l’on souhaite différencier la méthode JavaScript et la convention jQuery, alors on peut dire que la méthode JavaScript fonctionne sur le str, et la fonction jQuery prend le str.
La méthode str.trim() ne prend aucun argument, alors que la méthode $.trim(str) prend la str en paramètre.
De plus, une variable indéfinie dans la méthode JavaScript affichera une erreur, tandis que la fonction jQuery affichera un aperçu d’une chaîne vide sans afficher aucune erreur. Ainsi, nous pouvons dire que la méthode JavaScript fonctionne de manière définie.
