In diesem Blog wird das Verfahren zur Großschreibung eines bestimmten Wortes in JavaScript anhand der folgenden Methoden erläutert:
Wie schreibt man ein Wort in JavaScript dynamisch groß?
Es gibt keine integrierte Eigenschaft oder JavaScript-Methode, mit der nur das erste Wort der bereitgestellten Zeichenfolge großgeschrieben werden kann. Es gibt jedoch einige Ansätze, die geändert werden können, um die gewünschten Ergebnisse zurückzugeben. Diese Methoden werden mit ihrer Codebeschreibung beschrieben. Machen wir weiter.
Methode 1: Verwendung der Methode „slice()“.
Bei dieser Methode ist die „ prompt() ', Und ' toUpperCase() ”-Methoden werden entlang der „ Scheibe() ”-Methode, um je nach Bedarf oder Angabe durch den Benutzer nur das erste Wort oder einen Teil der Zeichenfolge groß zu schreiben. Wie im folgenden Codeausschnitt gezeigt:
< Körper >
< h1 > Linuxhint-Artikel h1 >
< h4 > Das erste Wort groß schreiben h4 >
< Schaltfläche onclick = „captalizeFirstWord()“ > Versuch es Taste >
< p-ID = 'Ziel' > P >
< Skript >
Funktion captalizeFirstWord ( ) {
Daten lassen = prompt ( „Bitte geben Sie die Zeichenfolge ein“ , „John Wick“ ) ;
const wordEndIndex = prompt ( „Endgültigen Bereich eingeben“ , „5“ ) ;
lass zuerstWort = Daten. Scheibe ( 0 , wordEndIndex ) ;
lass rem = Daten. ersetzen ( erstes Wort , '' ) ;
Wenn ( Daten != Null ) {
dokumentieren. getElementById ( 'Ziel' ) . innerHTML = „Das erste Wort wird jetzt großgeschrieben:“ + erstes Wort. toUpperCase ( ) + rem ;
}
}
Skript >
Körper >
Erklärung des Codes:
- Zuerst wird das Button-Element deklariert, das „ captalizeFirstWord() ”-Methode unter Verwendung der „ onclick „Ereignis-Listener. Der ' P Das Element wird auch mit der ID „ erstellt. Ziel “. Auf diesem „p“-HTML-Element wird die Ausgabe eingefügt.
- Als nächstes wird die Funktion „ captalizeFirstWord() Der Körper wird innerhalb des „ definiert.
' Etikett. Darin ein paar „ prompt() ”-Methoden werden verwendet, um vom Benutzer Daten über die Zeichenfolge und die Endindexnummer für die Großbuchstaben abzurufen. - Der ' prompt() Die Methode enthält zwei Parameter: Der erste ist die Meldung, die auf dem Bildschirm angezeigt wird, und der zweite ist der Standardwert.
- Diese Werte werden in „ Daten ' Und ' wordEndIndex ' jeweils. Verwenden Sie dann die „ Scheibe() ”-Methode für „data“ und schneiden Sie den Teil der Zeichenfolge aus dem „ 0 ”Index auf die vom Benutzer angegebene Indexnummer. Dadurch wird das erste Wort von der bereitgestellten Zeichenfolge getrennt, die in der Variablen „firstWord“ gespeichert wird.
- Nutzen Sie danach die Funktion „ ersetzen() ”-Methode für die bereitgestellte Zeichenfolge, um den Inhalt von „firstWord“ durch leere Anführungszeichen zu ersetzen. Dadurch wird die Zeichenfolge geändert und sie enthält nun den verbleibenden Teil nach dem Entfernen des ersten Wortes, das in der Variablen „ gespeichert ist. rem ”
- Verwenden Sie am Ende das „ Wenn ”-Anweisung, um zu überprüfen, ob die „ Daten Die vom Benutzer bereitgestellte Variable ist leer oder nicht. Wenn es nicht leer ist oder gleich „ Null “, dann fügen Sie das „ erstes Wort ” und wenden Sie das „ toUpperCase() ” Methode dazu.
- Zeigen Sie daneben den verbleibenden Teil an, der im „ rem ” variabel.
Nach der Zusammenstellung:
Die Ausgabe zeigt, dass das erste Wort der bereitgestellten Zeichenfolge jetzt großgeschrieben wird.
Methode 2: Verwendung der Methode „substr()“.
Der ' substr() Mit der Methode kann nur das erste Wort aus der bereitgestellten Zeichenfolge großgeschrieben werden. Dies kann erreicht werden, indem nur der erste Buchstabe separat ausgewählt wird, indem auf die Indexnummer zugegriffen und die Methode „toUpperCase()“ darauf angewendet wird. Hängen Sie dann den verbleibenden Teil der Zeichenfolge an, wie im folgenden Code beschrieben:
< h1 > Linuxhint-Artikel h1 >< h4 > Das erste Wort groß schreiben h4 >
< Schaltfläche onclick = „captalizeFirstWord()“ > Versuch es Taste >
< p-ID = 'Ziel' > P >
< Skript >
Funktion captalizeFirstWord ( ) {
Daten lassen = prompt ( „Bitte geben Sie die Zeichenfolge ein“ , „John Wick“ )
const wordEndIndex = prompt ( „Endgültigen Bereich eingeben“ , „5“ ) ;
Ergebnis lassen = Daten. Unterstr ( 0 , wordEndIndex ) . toUpperCase ( ) + Daten. Unterstr ( wordEndIndex ) ;
Wenn ( Daten != Null ) {
dokumentieren. getElementById ( 'Ziel' ) . innerHTML = „Das erste Wort wird jetzt groß geschrieben als:“ + Ergebnis ;
}
}
Skript >
Erklärung des obigen Codes:
- Der obige Code ist derselbe wie in der vorherigen Methode beschrieben, nur „ Scheibe() ' Und ' ersetzen() „Methode wird durch „ ersetzt substr() ' Methode.
- Die Methode „substr()“ wird auf die „ Daten ”-Variable und der Teil der Zeichenfolge aus der „ 0 Der Index zum bereitgestellten Index wird getrennt. Auf diesem abgetrennten Teil, dem ersten Wort, dem „ toUpperCase() ”-Methode wird angewendet, um es groß zu schreiben.
- Danach der zweite „ substr() Die Methode „“ wird verwendet, um den verbleibenden Teil aus dem bereitgestellten Index auszuwählen und dann das Ergebnis für beide Methoden zu verketten.
Nach der Zusammenstellung:
Die Ausgabe zeigt, dass nur das erste Wort der Zeichenfolge großgeschrieben wurde
Abschluss
Es gibt keine integrierte Methode, mit der nur das erste Wort einer bereitgestellten Zeichenfolge dynamisch großgeschrieben werden kann. Allerdings ist die „ Scheibe() ' Und ' substr() „Methoden können zusammen mit der Kombination verschiedener Methoden verwendet werden, wie zum Beispiel „ prompt() “, „ ersetzen() ', Und ' toUpperCase() ” um das erste Wort groß zu schreiben. Hier das ' toUpperCase() Die Methode schreibt speziell das geschnittene erste Wort groß. In diesem Beitrag wurden die Methoden zur Großschreibung eines Wortes in JavaScript veranschaulicht.