Leerzeichen, also Tabs und Leerzeichen.
Vanilla JavaScript (führende und nachfolgende Leerzeichen entfernen)
var str = " a b c d e f g ";
var newStr = str.trim();
// "a b c d e f g"
Diese Methode ist ES 5, falls Sie also jemals eine Polyfill-Lösung benötigen (für IE 8 und älter)
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/g, '');
};
}
jQuery (führende und nachfolgende Leerzeichen entfernen)
Wenn Sie sowieso jQuery verwenden
var str = " a b c d e f g ";
var newStr = $.trim(str);
// "a b c d e f g"
Vanilla JavaScript RegEx (führende und nachfolgende Leerzeichen entfernen)
var str = " a b c d e f g ";
var newStr = str.replace(/(^\s+|\s+$)/g,'');
// "a b c d e f g"
Vanilla JavaScript RegEx (ALLE Leerzeichen entfernen)
var str = " a b c d e f g ";
var newStr = str.replace(/\s+/g, '');
// "abcdefg"
Demos
Siehe den Stift Leerzeichen aus Strings entfernen von Chris Coyier (@chriscoyier) auf CodePen.
Beachten Sie, dass keine dieser Methoden mit anderen Arten von Leerzeichen funktioniert, zum Beispiel   (dünnes Leerzeichen) oder (geschütztes Leerzeichen).
Sie können auch Zeichen am Anfang oder Ende von Strings entfernen.
Sie benötigen das „+“ im letzten Fall nicht: der „g“-Modifikator kümmert sich darum.
Ich denke, die Ergebnisse für den ersten und zweiten Fall sind falsch. In beiden Fällen ist
newStr === "a b c d e f g", nicht"a b c d e f g".Hmm. Es scheint, dass der Code-Formatierer in CSS-Tricks tatsächlich zusätzliche Leerzeichen zwischen Zeichen entfernt (lol), und ich vermute, das ist der Grund, warum die Zeilen 5 und 11 falsch sind.
Sie können replace verwenden, um alle zusätzlichen Leerzeichen zu entfernen.
”.replace(/[ ]{2,}/g, ‘ ‘);
z.B. ‘a s dsdsd f s d f s d dsfg’.replace(/[ ]{2,}/g, ‘ ‘); // „a s dsdsd f s d f s d dsfg“
Wie entferne ich die Leerzeichen für Buttons auf der linken Seite.
Es gibt keinen Grund mehr, jQuery trim zu verwenden, da Vanilla JS es hat und die Syntax einfacher ist. Sie empfehlen sogar, es in den jQuery-Dokumenten zu verwenden.