Kernpunkte
toUpperCase()
, toLowerCase()
und einer benutzerdefinierten Titelfallfunktion. Diese Methoden geben eine neue Zeichenfolge zurück, ohne die ursprüngliche Zeichenfolge zu ändern. 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. 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"
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"
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"
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"
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
ändernIn 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"
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"
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!