jQuery Trim
-
Verwenden Sie
$.trim(str)zum Trimmen einer Zeichenkette in jQuery -
Verwenden Sie die JavaScript-Methode
String.trim()zum Trimmen von Zeichenketten
jQuery ist eine der beliebtesten JavaScript-Bibliotheken, getreu dem Motto Weniger schreiben, mehr tun. Einfacher ausgedrückt sorgt jQuery dafür, dass in weniger Zeilen lange JavaScript-Codezeilen erstellt werden.
Die Funktion $.trim(str) von jQuery schneidet alle bedeutungslosen Leerzeichen, Umbrüche, Tabulatoren usw. ab. Wenn wir eine ähnliche Methode in JavaScript vergleichen möchten, verwenden wir die Methode String.trim().
Aber es gibt einige bemerkenswerte Unterschiede in ihrem Funktionsprinzip, die wir in unseren Beispielsets entdecken werden. Steigen wir ein!
Verwenden Sie $.trim(str) zum Trimmen einer Zeichenkette in jQuery
Im Allgemeinen wurde die Funktion $.trim(str) häufig bei der Entwicklung von Fällen und anderen Codierungskonventionen verwendet. Aber als die JavaScript-Methode .trim() eingeführt wurde, verlor die jQuery-Funktion ihren alleinigen Zweck, die Aufgabe des Trimmens zu erfüllen.
Beide funktionieren ähnlich, und JavaScript liefert in diesem Fall mehr Genauigkeit.
In der jQuery-Version 3.5.0 wurde die Funktion trim als veraltet markiert und die JavaScript-Methode str.trim() empfohlen. In unserem Beispiel haben wir einen HTML-Text mit zwei Absatz-Tags.
Einer nimmt den getrimmten Wert und der andere die ursprüngliche Nachricht.
Wie wir alle wissen, arbeitet HTML standardmäßig mit undefinierten Leerzeichen vor und nach jedem Absatz. Es kann also unerkennbar sein, ob die Funktion $.trim(str) ihre Aufgabe erfüllt.
Wir berechnen die Länge der Zeichenfolgen davor und danach und fügen sie zusammen mit der Nachricht hinzu, die wir übergeben. Lassen Sie uns zum Codezaun springen.
<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>
Ausgabe:
Wir sehen hier, dass die getrimmte Nachricht eine Länge von 15 hat, nachdem die zusätzlichen Leerzeichen ausgeschlossen wurden. Aber wenn Sie den Originaldruck der Zeichenfolge bemerken, gibt es eine gewisse Lücke zwischen der Längenzählung und der Zeichenfolge.
Dies definiert einige Abstandsprobleme, zeigt jedoch nicht explizit, wie viele Leerzeichen und Zeilenumbrüche vorhanden sind.
Aber sukzessive wurde die Länge der ursprünglichen Nachricht gezählt; Wir wissen, dass es anfangs eine 3 Lücke und 1 Zeilenumbruch gab, bevor die Zeichenfolge begann. Außerdem gab es im hinteren Teil der Zeichenfolge 2 Zeilenumbrüche und 8 Leerzeichen.
Während die ursprüngliche Nachricht nur 15 gültige Zeichen hat und der HTML-Body die bedeutungslosen Lücken nicht zeigt.
Verwenden Sie die JavaScript-Methode String.trim() zum Trimmen von Zeichenketten
Bei JavaScript reagieren die str.trim()-Methoden auf ein ähnliches Ausgabemuster. Im Beispiel nehmen wir einen String und führen die Methode aus.
Außerdem werden wir sehen, ob die JavaScript-Methode und die jQuery-Funktion ähnlich ableiten. Lassen Sie uns die Codezeilen überprüfen.
var str = ' Cut it off ';
console.log($.trim(str));
console.log(str.trim());
console.log(str);
Ausgabe:
Wenn wir die JavaScript-Methode und die jQuery-Konvention unterscheiden wollen, können wir den Untersuchungen zufolge sagen, dass die JavaScript-Methode auf dem str arbeitet und die jQuery-Funktion den str nimmt.
Die Methode str.trim() akzeptiert keine Argumente, während die Methode $.trim(str) den str als Parameter akzeptiert.
Außerdem zeigt eine nicht definierte Variable in der JavaScript-Methode einen Fehler an, während die jQuery-Funktion eine Vorschau einer leeren Zeichenfolge anzeigt, ohne einen Fehler anzuzeigen. Wir können also sagen, dass die JavaScript-Methode auf definierte Weise ausgeführt wird.
