Inilalarawan ng blog na ito ang pamamaraan sa pag-capitalize ng isang partikular na salita sa JavaScript sa pamamagitan ng pagpapaliwanag sa ibaba ng mga pamamaraan:
Paano Dynamically Capitalize ang isang Word sa JavaScript?
Walang anumang built-in na pag-aari o JavaScript na paraan na maaaring gamitin upang i-capitalize lamang ang unang salita ng ibinigay na string, Gayunpaman, mayroong ilang mga diskarte na maaaring mabago upang maibalik ang nais na mga resulta. Ang mga pamamaraang ito ay inilarawan kasama ang kanilang paglalarawan ng code. Ituloy natin.
Paraan 1: Paggamit ng “slice()” Method
Sa pamamaraang ito, ang ' prompt() ”, at “ toUpperCase() 'Ang mga pamamaraan ay ginagamit kasama ng' slice() ” paraan upang i-capitalize lamang ang unang salita o ilang bahagi ng string kung kinakailangan o tinukoy ng gumagamit. Gaya ng ipinapakita sa snippet ng code sa ibaba:
< katawan >
< h1 > Artikulo ng Linuxhint h1 >
< h4 > Paglalagay ng malaking titik sa Unang Salita h4 >
< button sa pag-click = 'captalizeFirstWord()' > Subukan mo pindutan >
< p id = 'target' > p >
< script >
function captalizeFirstWord ( ) {
hayaan ang data = prompt ( 'Pakilagay ang string' , 'John Wick' ) ;
const wordEndIndex = prompt ( 'Ipasok ang huling hanay' , '5' ) ;
hayaan ang unangSalita = datos. hiwain ( 0 , wordEndIndex ) ;
hayaan mo na si rem = datos. palitan ( unang salita , '' ) ;
kung ( datos != wala ) {
dokumento. getElementById ( 'target' ) . innerHTML = 'Ang unang salita ay naka-capitalize na ngayon: ' + unang salita. toUpperCase ( ) + rem ;
}
}
script >
katawan >
Paliwanag ng code:
- Una, idineklara ang elemento ng button na tumatawag sa “ captalizeFirstWord() 'paraan gamit ang ' onclick ” tagapakinig ng kaganapan. Ang ' p Ang 'elemento ay nilikha din sa pamamagitan ng pagkakaroon ng isang id ng ' target ”. Sa 'p' na HTML na elementong ito ang output ay naipasok.
- Susunod, ang function na ' captalizeFirstWord() Ang 'katawan ay tinukoy sa loob ng' ” tag. Sa loob nito, isang pares ng ' prompt() Ang mga pamamaraan ay ginagamit upang kunin ang data mula sa gumagamit tungkol sa string at ang pangwakas na index number para sa mga malalaking salita.
- Ang ' prompt() ” Ang pamamaraan ay naglalaman ng dalawang parameter, ang una ay ang mensahe na ipinapakita sa screen at ang pangalawa ay ang default na halaga nito.
- Ang mga halagang ito ay naka-imbak sa ' datos 'at' wordEndIndex ” ayon sa pagkakabanggit. Pagkatapos, gamitin ang ' slice() ” sa “data” at hatiin ang bahagi ng string mula sa “ 0 ” index sa index number na ibinigay ng user. Ito ay naghihiwalay sa unang salita mula sa ibinigay na string na naiimbak sa variable na 'firstWord'.
- Pagkatapos nito, gamitin ang ' palitan() ” na paraan sa ibinigay na string upang palitan ang nilalamang “firstWord” ng walang laman na mga panipi. Binabago nito ang string at ngayon ay naglalaman ito ng natitirang bahagi pagkatapos alisin ang unang salita na nakaimbak sa variable na ' rem ”
- Sa huli, gamitin ang ' kung ” pahayag upang suriin kung ang “ datos ” variable na ibinigay ng user ay walang laman o wala. Kung hindi ito walang laman o katumbas ng ' wala ”, pagkatapos ay ipasok ang “ unang salita 'at ilapat ang' toUpperCase() ” paraan nito.
- Kasama nito, ipakita ang natitirang bahagi na nakaimbak sa ' rem ” variable.
Pagkatapos ng compilation:
Ipinapakita ng output na ang unang salita ng ibinigay na string ay naka-capitalize na ngayon.
Paraan 2: Paggamit ng 'substr()' na Paraan
Ang ' substr() ” paraan ay maaaring gamitin upang i-capitalize lamang ang unang salita mula sa ibinigay na string. Magagawa ito sa pamamagitan ng pagpili lamang ng unang titik nang hiwalay sa pamamagitan ng pag-access sa index number at sa pamamagitan ng paglalapat ng “toUpperCase()” na paraan dito. Pagkatapos, ilakip ang natitirang bahagi ng string gaya ng ginawa sa ibaba ng code:
< h1 > Artikulo ng Linuxhint h1 >< h4 > Paglalagay ng malaking titik sa Unang Salita h4 >
< button sa pag-click = 'captalizeFirstWord()' > Subukan mo pindutan >
< p id = 'target' > p >
< script >
function captalizeFirstWord ( ) {
hayaan ang data = prompt ( 'Pakilagay ang string' , 'John Wick' )
const wordEndIndex = prompt ( 'Ipasok ang huling hanay' , '5' ) ;
hayaan ang resulta = datos. substr ( 0 , wordEndIndex ) . toUpperCase ( ) + datos. substr ( wordEndIndex ) ;
kung ( datos != wala ) {
dokumento. getElementById ( 'target' ) . panloobHTML = 'Ang unang salita ay ngayon ay naka-capitalize bilang: ' + resulta ;
}
}
script >
Paliwanag ng code sa itaas:
- Ang code sa itaas ay kapareho ng inilarawan sa nakaraang pamamaraan lamang ang ' slice() 'at' palitan() Ang pamamaraan ay pinalitan ng ' substr() ” paraan.
- Ang pamamaraang 'substr()' ay inilapat sa ' datos ” variable at ang bahagi ng string mula sa “ 0 ” index sa ibinigay na index ay pinaghihiwalay. Sa hiwalay na bahaging ito na siyang unang salita, ang “ toUpperCase() ” paraan ay inilapat upang ma-capitalize ito.
- Pagkatapos nito, ang pangalawang ' substr() ” paraan ay ginagamit upang piliin ang natitirang bahagi mula sa ibinigay na index at pagkatapos ay pagsamahin ang resulta para sa parehong mga pamamaraan.
Pagkatapos ng compilation:
Ipinapakita ng output na ang unang salita lamang mula sa string ang na-capitalize
Konklusyon
Walang anumang built-in na paraan na maaaring gamitin upang i-capitalize lamang ang unang salita ng isang ibinigay na string nang pabago-bago. Gayunpaman, ang ' slice() 'at' substr() Ang mga pamamaraan ay maaaring gamitin kasama ng kumbinasyon ng iba't ibang mga pamamaraan tulad ng ' prompt() ”, “ palitan() ”, at “ toUpperCase() ” para gawing malaking titik ang unang salita. Dito, ang ' toUpperCase() ” paraan ay partikular na ginagamit sa malaking titik ang hiniwang unang salita. Ang post na ito ay naglalarawan ng mga paraan upang ma-capitalize ang isang salita sa JavaScript.