Questo blog illustra la procedura per capitalizzare una parola specifica in JavaScript spiegando i seguenti metodi:
Come capitalizzare dinamicamente una parola in JavaScript?
Non esiste alcuna proprietà incorporata o metodo JavaScript che possa essere utilizzato per capitalizzare solo la prima parola della stringa fornita. Tuttavia, esistono un paio di approcci che possono essere modificati per restituire i risultati desiderati. Questi metodi sono descritti con la loro descrizione del codice. Procediamo.
Metodo 1: utilizzo del metodo 'slice ()'.
In questo metodo, il ' richiesta() ', E ' toUpperCase() ” metodi sono utilizzati lungo il “ fetta() ” per scrivere in maiuscolo solo la prima parola o una parte della stringa secondo necessità o specificata dall'utente. Come mostrato nel seguente frammento di codice:
< corpo >
< h1 > Articolo Linuxhint h1 >
< h4 > Mettere in maiuscolo la prima parola h4 >
< pulsante al clic = 'capitalizzaPrimaParola()' > Provalo pulsante >
< p id = 'bersaglio' > P >
< copione >
funzione maiuscolaPrimaParola ( ) {
lascia i dati = richiesta ( 'Inserisci la stringa' , 'John stoppino' ) ;
cost parolaFineIndice = richiesta ( 'Inserisci intervallo finale' , '5' ) ;
let firstWord = dati. fetta ( 0 , parolaFineIndice ) ;
lascia rem = dati. sostituire ( prima parola , '' ) ;
Se ( dati != nullo ) {
documento. getElementById ( 'bersaglio' ) . innerHTML = 'La prima parola è ora in maiuscolo: ' + prima parola. toMaiuscolo ( ) + rem ;
}
}
copione >
corpo >
Spiegazione del codice:
- Innanzitutto, viene dichiarato l'elemento button che chiama il ' maiuscolaPrimaParola() ” metodo utilizzando il “ al clic ” ascoltatore di eventi. IL ' P L'elemento ' viene creato anche avendo un ID di ' bersaglio ”. Su questo elemento HTML 'p' viene inserito l'output.
- Successivamente, la funzione ' maiuscolaPrimaParola() ” il corpo è definito all'interno del “
etichetta '. In esso, un paio di “ richiesta() I metodi ” vengono utilizzati per recuperare i dati dall'utente sulla stringa e il numero di indice finale per le parole maiuscole. - IL ' richiesta() Il metodo contiene due parametri, il primo è il messaggio che viene visualizzato sullo schermo e il secondo è il suo valore predefinito.
- Questi valori sono memorizzati in ' dati ' E ' parolaFineIndice ” rispettivamente. Quindi, usa il ' fetta() ” su “data” e taglia la parte della stringa dal “ 0 ” index al numero di indice fornito dall'utente. Questo separa la prima parola dalla stringa fornita che viene memorizzata nella variabile 'firstWord'.
- Successivamente, utilizzare il ' sostituire() ” sulla stringa fornita per sostituire il contenuto “firstWord” con virgolette vuote. Questo modifica la stringa e ora contiene la parte rimanente dopo aver rimosso la prima parola che è memorizzata nella variabile ' rem '
- Alla fine, usa il ' Se ” per verificare se il “ dati ” variabile fornita dall'utente è vuota o meno. Se non è vuoto o uguale a ' nullo ”, quindi inserire il “ prima parola ” e applicare il “ toUpperCase() ” metodo ad esso.
- Lungo di esso, visualizza la parte rimanente che è memorizzata nella ' rem ' variabile.
Dopo la compilazione:
L'output mostra che la prima parola della stringa fornita è ora in maiuscolo.
Metodo 2: utilizzo del metodo 'substr ()'.
IL ' substr() Il metodo ” può essere utilizzato per scrivere in maiuscolo solo la prima parola della stringa fornita. Si può fare selezionando solo la prima lettera separatamente accedendo al numero di indice e applicando ad essa il metodo “toUpperCase()”. Quindi, collega la parte rimanente della stringa come fatto nel codice seguente:
< h1 > Articolo Linuxhint h1 >< h4 > Mettere in maiuscolo la prima parola h4 >
< pulsante al clic = 'capitalizzaPrimaParola()' > Provalo pulsante >
< p id = 'bersaglio' > P >
< copione >
funzione maiuscolaPrimaParola ( ) {
lascia i dati = richiesta ( 'Inserisci la stringa' , 'John stoppino' )
cost parolaFineIndice = richiesta ( 'Inserisci intervallo finale' , '5' ) ;
lasciate risultato = dati. sost ( 0 , parolaFineIndice ) . toMaiuscolo ( ) + dati. sost ( parolaFineIndice ) ;
Se ( dati != nullo ) {
documento. getElementById ( 'bersaglio' ) . innerHTML = 'La prima parola è ora in maiuscolo come: ' + risultato ;
}
}
copione >
Spiegazione del codice precedente:
- Il codice sopra è lo stesso descritto nel metodo precedente solo il ' fetta() ' E ' sostituire() ' metodo è sostituito con ' substr() ' metodo.
- Il metodo 'substr()' viene applicato al ' dati ” variabile e la parte della stringa dalla “ 0 ” index all'indice fornito è separato. Su questa parte separata che è la prima parola, il “ toUpperCase() ” viene applicato il metodo per capitalizzarlo.
- Dopo di che, il secondo” substr() Il metodo ” viene utilizzato per selezionare la parte rimanente dall'indice fornito e quindi concatenare il risultato per entrambi i metodi.
Dopo la compilazione:
L'output mostra che solo la prima parola della stringa è stata scritta in maiuscolo
Conclusione
Non esiste alcun metodo integrato che possa essere utilizzato per capitalizzare dinamicamente solo la prima parola di una stringa fornita. Comunque, il ' fetta() ' E ' substr() 'metodi possono essere utilizzati insieme alla combinazione di diversi metodi come' richiesta() ”, “ sostituire() ', E ' toUpperCase() ” per scrivere in maiuscolo la prima parola. Ecco, il “ toUpperCase() ” capitalizza specificamente la prima parola affettata. Questo post ha illustrato i metodi per capitalizzare una parola in JavaScript.