Heim > Web-Frontend > js-Tutorial > So transformieren Sie den Zeichenfall einer Zeichenfolge in JavaScript

So transformieren Sie den Zeichenfall einer Zeichenfolge in JavaScript

Christopher Nolan
Freigeben: 2025-02-09 12:56:11
Original
304 Leute haben es durchsucht

How to Transform the Character Case of a String in JavaScript

Kernpunkte

  • JavaScript bietet native Methoden zum Konvertieren des Falls von String -Zeichen, einschließlich toUpperCase(), toLowerCase() und einer benutzerdefinierten Titelfallfunktion. Diese Methoden geben eine neue Zeichenfolge zurück, ohne die ursprüngliche Zeichenfolge zu ändern.
  • Die Methoden
  • toLowerCase() und toUpperCase() werden nicht nur zum Formatieren von Textanzeigen, sondern auch für zuverlässige String -Vergleiche verwendet, da sie den Fall der verglichenen Zeichenfolge normalisieren können.
  • Erstellen Sie eine benutzerdefinierte Funktion zum Konvertieren einer Zeichenfolge in den Titel. Sie müssen die Zeichenfolge in ein Array von Wörtern aufteilen, den ersten Buchstaben jedes Wortes in Großbuchstaben und den Rest der Buchstaben in Kleinbuchstaben umwandeln und dann die wieder verbinden Wörter in eine Zeichenfolge.

In diesem Tutorial werden Sie untersucht, wie Sie den Fall von Stringzeichen - Groß-, Kleinbuch- und Titelfällen mit nativen JavaScript -Methoden konvertieren.

JavaScript bietet viele Funktionen und Methoden, mit denen Sie Daten für verschiedene Zwecke manipulieren können. Wir haben uns kürzlich nach Möglichkeiten gesucht, Strings in Zahlen, Zahlen in Saiten oder Ordnungszahlen und Spalten von Zeichenfolgen umzuwandeln. In diesem Artikel wird vorgestellt, wie Stringzeichen in Großbuchstaben und Kleinbuchstaben konvertiert werden. Dies ist nützlich, um Zeichenfolgen in einem bestimmten Format oder für zuverlässige String -Vergleiche darzustellen.

Konvertieren Sie die Zeichenfolge in Kleinbuchstaben

Wenn Kleinkappenzeichenfolgen erforderlich sind, können Sie die in der Zeichenfolge verfügbare toLowerCase() -Methode verwenden. Diese Methode gibt eine Zeichenfolge zurück, in der alle Zeichen in Kleinbuchstaben sind.

Beispiel:

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"
Nach dem Login kopieren
Nach dem Login kopieren

Mithilfe der str -Methode für die Variable toLowerCase() kann dieselbe Zeichenfolge mit allen Zeichen in Kleinbuchstaben abgerufen werden. Beachten Sie, dass die zurückgegebene neue Zeichenfolge den Wert von str nicht beeinflusst.

Konvertieren Sie die Zeichenfolge in Großbuchstaben

Wenn Sie eine Kapitalzeichenfolge wünschen, können Sie die in der Zeichenfolge verfügbare toUpperCase() -Methode verwenden. Diese Methode gibt eine Zeichenfolge mit allen Zeichen in Großbuchstaben zurück.

Beispiel:

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"
Nach dem Login kopieren
Nach dem Login kopieren

Mithilfe der str -Methode für die Variable toUpperCase() kann dieselbe Zeichenfolge mit allen geschriebenen Zeichen abgerufen werden. Beachten Sie, dass die zurückgegebene neue Zeichenfolge den Wert von str nicht beeinflusst.

Konvertieren Sie String in Title Case

Der häufigste Anwendungsfall für die Konvertierung von Zeichenfolgen besteht darin, sie in den Titel zu konvertieren. Dies kann verwendet werden, um Namen und Titel anzuzeigen.

Es gibt verschiedene Möglichkeiten, dies zu tun. Eine Möglichkeit besteht darin, die toUpperCase() -Methode zu verwenden, um das erste Zeichen der Zeichenfolge zu konvertieren und dann mit dem Rest der Zeichenfolge zu verkettet. Zum Beispiel:

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"
Nach dem Login kopieren
Nach dem Login kopieren

In diesem Beispiel wird das erste Zeichen unter Verwendung des Index 0 der str Variablen abgerufen. Verwenden Sie dann die toUpperCase() -Methode, um sie in Großbuchstaben umzuwandeln. Verwenden Sie schließlich die Methode substr(), um den Rest der Zeichenfolge abzurufen und den Rest der Zeichenfolge mit dem ersten Buchstaben zu verkettet. Wenden Sie toLowerCase() auf den Rest der Zeichenfolge an, um sicherzustellen, dass es Kleinbuchstaben ist.

Dies wird nur den ersten Buchstaben des Wortes in die Kapitalisierung konvertieren. In einigen Fällen möchten Sie jedoch, wenn es einen Satz gibt, möglicherweise jedes Wort des Satzes in die Kapitalisierung konvertieren. In diesem Fall ist es am besten, eine Funktion wie folgt zu verwenden:

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"
Nach dem Login kopieren
Nach dem Login kopieren
Die Funktion

toTitleCase() akzeptiert einen Parameter, dh eine String, die in einen Titelfall konvertiert werden soll.

Überprüfen Sie in der Funktion zuerst, ob die Zeichenfolge leer ist, und geben Sie eine leere Zeichenfolge zurück.

Teilen Sie dann die Zeichenfolge auf dem Space -Separator auf, der ein Array zurückgibt. Verwenden Sie danach die map -Methode im Array, um die Transformation, die Sie im vorherigen Beispiel gesehen haben, auf jedes Element im Array anzuwenden. Dies wandelt jedes Wort in den Titel des Titels um.

Verwenden Sie schließlich denselben Leerzeichen, um die Elemente im Array in eine Zeichenfolge zu verkettet und zurückzugeben.

Online -Beispiel

In der folgenden CodePen -Demonstration können Sie die Funktionen von toLowerCase() und toUpperCase() ausprobieren. Wenn eine Zeichenfolge in die Eingabe eingegeben wird, wird sie in Großbuchstaben und Kleinbuchstaben umgewandelt und angezeigt. Sie können versuchen, Zeichen mit einem anderen oberen und unteren Fall in einer Zeichenfolge zu verwenden.

[CODEPEN Demo Link (CodePen -Einbettungscode sollte hier eingefügt werden)]

Zeichenfall für Zeichenfolge Vergleich

ändern

In vielen Fällen müssen Sie Strings vergleichen, bevor Sie einen Codeblock ausführen. Wenn Sie keine Kontrolle darüber haben, wie Saiten geschrieben werden, kann der Vergleich von Zeichenfolgen ohne Erzwingen von Charakterfall zu unerwarteten Ergebnissen führen.

Beispiel:

const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"
Nach dem Login kopieren

Wenn der Benutzer in die Eingabe Ja anstelle von Ja eingibt, wird die Gleichstellungsbedingung fehlgeschlagen und eine falsche Warnung wird angezeigt.

Sie können dieses Problem lösen, indem Sie den Zeichenfall der Zeichenfolge erzwingen:

function toTitleCase(str) {
  if (!str) {
    return '';
  }
  const strArr = str.split(' ').map((word) => {
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  });
  return strArr.join(' ');
}

const str = 'hello world';
console.log(toTitleCase(str)); // "Hello World"
Nach dem Login kopieren

Schlussfolgerung

Es ist erforderlich, den Charakterfall einer Zeichenfolge in JavaScript umzuwandeln. Sie müssen es häufig für viele Anwendungsfälle verwenden, z. B. für die Anzeige von Zeichenfolgen in einem bestimmten Format. Sie können es auch verwenden, um Saiten zuverlässig zu vergleichen.

Erzwingen Sie den Zeichenfall der Zeichenfolge, die Sie vergleichen, um sicherzustellen, dass Sie prüfen können, ob der Inhalt der Zeichenfolgen gleich ist, unabhängig davon, wie sie geschrieben werden.

(zusätzlicher Inhalt am Ende des Artikels sollte hier hinzugefügt werden, z. B. FAQs usw., ergänzt nach dem Originaltext)

Das obige ist der detaillierte Inhalt vonSo transformieren Sie den Zeichenfall einer Zeichenfolge in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage