Deze blog illustreert de procedure om een specifiek woord in JavaScript met een hoofdletter te schrijven door onderstaande methoden uit te leggen:
Hoe een woord dynamisch in JavaScript te kapitaliseren?
Er is geen ingebouwde eigenschap of JavaScript-methode die kan worden gebruikt om alleen het eerste woord van de opgegeven tekenreeks in hoofdletters te schrijven. Er zijn echter een aantal benaderingen die kunnen worden gewijzigd om de gewenste resultaten te retourneren. Deze methoden worden beschreven met hun codebeschrijving. Laten we doorgaan.
Methode 1: de 'slice()'-methode gebruiken
Bij deze methode wordt de “ snel() ', En ' naarHoofdletter() ” methoden worden gebruikt langs de “ plak() '-methode om alleen het eerste woord of een deel van de tekenreeks in hoofdletters te schrijven, zoals vereist of gespecificeerd door de gebruiker. Zoals getoond in onderstaand codefragment:
< lichaam >
< h1 > Linuxhint-artikel h1 >
< h4 > Het eerste woord met een hoofdletter schrijven h4 >
< knop opklik = 'captaliseerEersteWoord()' > Probeer het knop >
< p id = 'doel' > P >
< script >
functie captalizeFirstWord ( ) {
laat gegevens = snel ( 'Voer de tekenreeks in' , 'John Wick' ) ;
const wordEndIndex = snel ( 'Voer laatste bereik in' , '5' ) ;
laat eerstWoord = gegevens. plak ( 0 , wordEndIndex ) ;
laat rem = gegevens. vervangen ( eerste woord , '' ) ;
als ( gegevens != nul ) {
document. getElementById ( 'doel' ) . binnenHTML = 'Het eerste woord is nu een hoofdletter: ' + eerste woord. naarHoofdletter ( ) + rem ;
}
}
script >
lichaam >
Uitleg van de code:
- Eerst wordt het knopelement gedeclareerd dat de ' kapitaliserenEersteWoord() ' methode met behulp van de ' bij klikken 'gebeurtenis luisteraar. De ' P ” element wordt ook gemaakt door een id te hebben van “ doel ”. Op dit 'p' HTML-element wordt de uitvoer ingevoegd.
- Vervolgens de functie “ kapitaliserenEersteWoord() ” lichaam wordt gedefinieerd in de “
De uitvoer laat zien dat het eerste woord van de opgegeven string nu een hoofdletter is.
Methode 2: de methode 'substr()' gebruiken
De ' substr() ” methode kan worden gebruikt om alleen het eerste woord van de opgegeven tekenreeks in hoofdletters te schrijven. Dit kan worden gedaan door alleen de eerste letter afzonderlijk te selecteren door toegang te krijgen tot het indexnummer en door de methode 'toUpperCase()' erop toe te passen. Bevestig vervolgens het resterende deel van de string zoals gedaan in onderstaande code:
< h1 > Linuxhint-artikel h1 >
< h4 > Het eerste woord met een hoofdletter schrijven h4 >
< knop opklik = 'captaliseerEersteWoord()' > Probeer het knop >
< p id = 'doel' > P >
< script >
functie captalizeFirstWord ( ) {
laat gegevens = snel ( 'Voer de tekenreeks in' , 'John Wick' )
const wordEndIndex = snel ( 'Voer laatste bereik in' , '5' ) ;
laat resultaat = gegevens. substr ( 0 , wordEndIndex ) . naarHoofdletter ( ) + gegevens. substr ( wordEndIndex ) ;
als ( gegevens != nul ) {
document. getElementById ( 'doel' ) . binnenHTML = 'Het eerste woord wordt nu met een hoofdletter geschreven als: ' + resultaat ;
}
}
script >Uitleg van de bovenstaande code:
- De bovenstaande code is hetzelfde als beschreven in de vorige methode, alleen de ' plak() ' En ' vervangen() ' methode is vervangen door ' substr() ” methode.
- De methode 'substr()' wordt toegepast op de ' gegevens ” variabele en het deel van de string van de “ 0 ” index naar de verstrekte index is gescheiden. Op dit gescheiden gedeelte, het eerste woord, de ' naarHoofdletter() ” methode wordt toegepast om het te kapitaliseren.
- Daarna de tweede “ substr() ” methode wordt gebruikt om het resterende deel van de verstrekte index te selecteren en vervolgens het resultaat voor beide methoden samen te voegen.
Na de compilatie:
De uitvoer laat zien dat alleen het eerste woord van de string een hoofdletter heeft gekregen
Conclusie
Er is geen ingebouwde methode die kan worden gebruikt om alleen het eerste woord van een opgegeven tekenreeks dynamisch in hoofdletters te schrijven. Echter, de ' plak() ' En ' substr() ”-methoden kunnen worden gebruikt in combinatie met verschillende methoden, zoals “ snel() ”, “ vervangen() ', En ' naarHoofdletter() ” om het eerste woord met een hoofdletter te schrijven. Hier de ' naarHoofdletter() ” methode maakt specifiek gebruik van een hoofdletter voor het gesneden eerste woord. Dit bericht heeft de methoden geïllustreerd om een woord in JavaScript met een hoofdletter te schrijven.