Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie schreibt man mit JavaScript den ersten Buchstaben jedes Wortes in einer Zeichenfolge groß?

Linda Hamilton
Freigeben: 2024-10-23 11:38:18
Original
534 Leute haben es durchsucht

How to Capitalize the First Letter of Each Word in a String with JavaScript?

Großschreibung des ersten Buchstabens jedes Worts in einer Zeichenfolge mit JavaScript

In JavaScript ist die Großschreibung des ersten Buchstabens jedes Worts in einer Zeichenfolge möglich durch mehrere Methoden erreicht werden. Ein gängiger Ansatz besteht darin, eine Funktion zu verwenden, die die angegebene Zeichenfolge in Groß- und Kleinschreibung umwandelt.

Sehen wir uns ein Codebeispiel an, das diese Technik demonstriert:

<code class="js">function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");
  for (var i = 0; i < splitStr.length; i++) {
    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);  
  }
  return splitStr.join(" "); 
}</code>
Nach dem Login kopieren

In dieser Funktion wird die Eingabezeichenfolge „str ' wird zunächst mit 'toLowerCase()' in Kleinbuchstaben umgewandelt. Anschließend wird die Zeichenfolge mithilfe von „split(“ „)“ in ein Array von Wörtern aufgeteilt. Für jedes Wort im Array wird das erste Zeichen mit „charAt(0).toUpperCase()“ großgeschrieben und mit „substring(1)“ an den Rest des Wortes angehängt.

Das geänderte Array mit Großbuchstaben Wörter werden dann mit 'join(" ")' wieder zu einer Zeichenfolge zusammengefügt und als Ausgabe zurückgegeben, die in Groß- und Kleinschreibung des Titels angezeigt wird.

Das obige ist der detaillierte Inhalt vonWie schreibt man mit JavaScript den ersten Buchstaben jedes Wortes in einer Zeichenfolge groß?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!