Linke Trimmzeichenfolgen in JavaScript

Waqar Aslam 12 Oktober 2023
  1. Verwenden Sie regex mit der Funktion replace(), um Strings in JavaScript links zu kürzen
  2. Verwenden Sie die Funktion trimLeft() oder trimStart(), um Strings in JavaScript links zu trimmen
  3. Verwenden Sie die while-Schleife mit der substring()-Funktion, um Strings in JavaScript links zu kürzen
Linke Trimmzeichenfolgen in JavaScript

Wenn wir Kunden um Informationen bitten, haben wir es häufig mit Zeichenfolgen zu tun. Aus diesem Grund sind Programmierer gezwungen, mit vielen Eingabezeichenfolgen zu arbeiten, die manchmal inkonsistent sind und Leerzeichen oder andere ungewöhnliche Zeichen enthalten können.

In diesem Artikel werden wir durchgehen, wie man die Leerzeichen auf der linken Seite einer Zeichenfolge eliminiert. Dies kann auf verschiedene Weise erreicht werden.

In diesem Artikel wird die Funktion replace() zusammen mit dem Werkzeug regex verwendet.

Zunächst erstellen wir eine inkonsistente Testzeichenfolge, indem wir eine Variable mit dem Namen name deklarieren und ihr einen Wert zuweisen, der aus fünf Leerzeichen besteht, die vor dem Anfang des Namens platziert werden, ähnlich wie im folgenden Code.

let name = '     John Doe';

Jedes der Beispielprogramme verwendet die Variable name.

Jetzt, da wir Zugriff auf die Variable name haben, können wir damit beginnen, damit zu arbeiten. Um alle Whitespaces zu entfernen, die sich vor dem ersten Zeichen befinden, verwenden wir die eingebaute Funktion replace() zusammen mit unserer regex auf den String und speichern den resultierenden Text dann in einer result-Variablen.

let result = name.replace(/^\s+/, '');

Die Methode replace() erfordert zwei Eingaben vom Benutzer. Der erste Parameter ist der String oder regex, der ersetzt werden muss, und das zweite Argument ist die angeforderte Ersetzung für das erste Argument, das in unserem Fall ein leerer String ist.

Das erste Argument ist der String oder regex, der ersetzt werden muss.

Es ist möglich, den regex-Ausdruck, der mit der Funktion replace() verwendet wird, wie folgt zu beschreiben:

  • ^ steht für den Anfang einer Zeichenkette
  • \s stimmt mit Leerzeichen überein
  • + bedeutet eins oder mehr als eins

Das letzte, was wir tun müssen, ist zu überprüfen, ob alles so funktioniert, wie es die Ausgabe auf unserer Konsole ausdrucken sollte. Unten ist der vollständige Code dafür.

let name = '    John Doe';
let result = name.replace(/^\s+/, '');
console.log(result);

Ausgang:

John Doe

Im Jahr 2019, als ECMAScript 10 verfügbar gemacht wurde, erhielten wir eine Funktion namens trimStart(). Diese Methode ist Teil der String-Klasse und entfernt die führenden Leerzeichen aus dem String, während nur der führende Abschnitt des Strings getrimmt wird.

Es ist möglich, den Aufruf direkt auf die Variable name zu machen.

let result = name.trimStart();

Wenn wir die gleichen Ergebnisse wollen, können wir eine ähnliche Technik verwenden, trimLeft().

let result = name.trimLeft();

Der vollständige Code für trimLeft() ist unten angegeben.

let name = '    John Doe';
let result = name.trimLeft();
console.log(result);

Ausgang:

John Doe

Um Leerzeichen am Anfang des Textes zu entfernen, können wir die while-Schleife mit der substring()-Funktion verwenden.

Wir werden die Anzahl der Leerzeichen verfolgen, indem wir eine Variable namens index verwenden, und wir werden ihr den Wert 0 geben, wenn wir sie definieren.

let index = 0;

In gewisser Weise werden Strings auch in JavaScript als Objekte betrachtet. Es zeigt an, dass die Zeichenfolge eine Sammlung von Zeichenindizes ist.

Eine Zeichenfolge kann auf die gleiche Weise wie ein Array durchlaufen werden. Wir durchlaufen unseren Namensstring mit der while-Schleife und fügen für jedes Leerzeichen eine 1 zur index-Variablen hinzu.

while (name[index] == ' ') {
  index++;
}

Jetzt haben wir den String name und index als Anzahl der Leerzeichen vor dem Namen.

Wir können jetzt die Funktion substring() aufrufen und ihr den index als Anzahl der Whitespaces übergeben, um den String ohne Whitespaces zurückzugeben und das in einer result-Variablen zu speichern.

let result = name.substring(index);

Abschließend zeigen wir das Ergebnis auf der Konsole. Der Code für diese Methode ist unten angegeben.

let name = '    John Doe';
let index = 0;
while (name[index] == ' ') {
  index++;
}
let result = name.substring(index);
console.log(result);

Ausgang:

John Doe

Die hier erläuterten Funktionen sind mit allen gängigen Browsern und JavaScript-Laufzeiten kompatibel.

Waqar Aslam avatar Waqar Aslam avatar

I am Waqar having 5+ years of software engineering experience. I have been in the industry as a javascript web and mobile developer for 3 years working with multiple frameworks such as nodejs, react js, react native, Ionic, and angular js. After which I Switched to flutter mobile development. I have 2 years of experience building android and ios apps with flutter. For the backend, I have experience with rest APIs, Aws, and firebase. I have also written articles related to problem-solving and best practices in C, C++, Javascript, C#, and power shell.

LinkedIn

Verwandter Artikel - JavaScript String