Как динамично да пишете дума в JavaScript?

Kak Dinamicno Da Pisete Duma V Javascript



Изписването с главни букви на конкретна дума от един низ е много полезно, когато програмистът иска да отклони вниманието на читателя или крайния потребител към уникална или важна информация. Най-често съкращението, бележките, датите, имената на местата или имената на лицата се изписват с главни букви, тъй като предлагат важна информация. Чрез капитализиране могат да се постигнат няколко предимства като по-добра достъпност, подобрена видимост и фактори за четливост, ангажиране на потребителското взаимодействие и т.н.

Този блог илюстрира процедурата за изписване с главни букви на конкретна дума в JavaScript, като обяснява методите по-долу:

Как динамично да пишете дума в JavaScript?

Няма вградено свойство или JavaScript метод, който може да се използва за изписване с главни букви само на първата дума от предоставения низ, но има няколко подхода, които могат да бъдат модифицирани, за да върнат желаните резултати. Тези методи са описани с тяхното кодово описание. Да продължим.







Метод 1: Използване на метода „slice()“.

При този метод „ подкана() ', и ' toUpperCase() ” методите се използват заедно с „ парче () ” за изписване с главни букви само на първата дума или част от низа, както е необходимо или посочено от потребителя. Както е показано в кодовия фрагмент по-долу:



< тяло >

< h1 > Статия за Linuxhint h1 >
< h4 > Писане на първата дума с главна буква h4 >
< бутон при щракване = 'captalizeFirstWord()' > Опитай бутон >
< p id = 'мишена' > стр >

< сценарий >
функция captalizeFirstWord ( ) {
нека данни = подкана ( „Моля, въведете низа“ , 'Джон Уик' ) ;
конст wordEndIndex = подкана ( „Въведете краен диапазон“ , '5' ) ;
нека първа дума = данни. парче ( 0 , wordEndIndex ) ;
нека rem = данни. замени ( първа дума , '' ) ;

ако ( данни != нула ) {
документ. getElementById ( 'мишена' ) . innerHTML = „Първата дума вече е с главна буква:“ + първа дума. toUpperCase ( ) + рем ;
}
}
сценарий >
тяло >

Обяснение на кода:



  • Първо се декларира елементът бутон, който извиква „ captalizeFirstWord() ' метод с помощта на ' onclick ” слушател на събития. „ стр ” елемент също е създаден, като има id на „ мишена ”. В този „p“ HTML елемент се вмъква изходът.
  • След това функцията „ captalizeFirstWord() ' тялото е дефинирано вътре в ' <скрипт> ” таг. В него няколко „ подкана() ” методите се използват за извличане на данните от потребителя за низа и крайния индексен номер за главните думи.
  • подкана() ” съдържа два параметъра, първият е съобщението, което се показва на екрана, а вторият е неговата стойност по подразбиране.
  • Тези стойности се съхраняват в „ данни ' и ' wordEndIndex ” съответно. След това използвайте „ парче () ” на „данни” и изрежете частта от низа от „ 0 ” индекс към номера на индекса, предоставен от потребителя. Това разделя първата дума от предоставения низ, който се съхранява в променливата „firstWord“.
  • След това използвайте „ замени() ” на предоставения низ, за ​​да замени съдържанието на „firstWord” с празни кавички. Това променя низа и сега той съдържа останалата част след премахване на първата дума, която се съхранява в променливата ' рем
  • Накрая използвайте „ ако ”, за да проверите дали „ данни ” предоставената от потребителя променлива е празна или не. Ако не е празно или равно на „ нула “, след което поставете „ първа дума ” и приложете „ toUpperCase() ” метод към него.
  • Покрай него покажете останалата част, която се съхранява в „ рем ” променлива.

След компилацията:





Резултатът показва, че първата дума от предоставения низ вече е с главна буква.



Метод 2: Използване на метода “substr()”.

substr() ” може да се използва за изписване с главни букви само на първата дума от предоставения низ. Това може да стане, като изберете отделно само първата буква чрез достъп до номера на индекса и чрез прилагане на метода „toUpperCase()“ към него. След това прикачете останалата част от низа, както е направено в кода по-долу:

< h1 > Статия за Linuxhint h1 >
< h4 > Писане на първата дума с главна буква h4 >

< бутон при щракване = 'captalizeFirstWord()' > Опитай бутон >
< p id = 'мишена' > стр >

< сценарий >
функция captalizeFirstWord ( ) {
нека данни = подкана ( „Моля, въведете низа“ , 'Джон Уик' )
конст wordEndIndex = подкана ( „Въведете краен диапазон“ , '5' ) ;
нека резултат = данни. подстр ( 0 , wordEndIndex ) . toUpperCase ( ) + данни. подстр ( wordEndIndex ) ;
ако ( данни != нула ) {
документ. getElementById ( 'мишена' ) . innerHTML = 'Първата дума сега е с главна буква като: ' + резултат ;
}
}
сценарий >

Обяснение на горния код:

  • Горният код е същият като описания в предишния метод, само „ парче () ' и ' замени() ” методът се заменя с „ substr() ” метод.
  • Методът „substr()“ се прилага към „ данни ” променлива и частта от низа от „ 0 ” индексът към предоставения индекс е разделен. В тази отделена част, която е първата дума, „ toUpperCase() ” методът се прилага за капитализирането му.
  • След това вторият „ substr() ” метод се използва за избиране на оставащата част от предоставения индекс и след това свързване на резултата за двата метода.

След компилацията:

Резултатът показва, че само първата дума от низа е изписана с главна буква

Заключение

Няма вграден метод, който може да се използва за динамично изписване с главни букви само на първата дума от даден низ. Както и да е ' парче () ' и ' substr() ” могат да се използват заедно с комбинация от различни методи като „ подкана() ”, “ замени() ', и ' toUpperCase() ”, за да изпишете първата дума с главна буква. Тук „ toUpperCase() ” методът специално изписва с главни букви изрязаната първа дума. Тази публикация илюстрира методите за изписване на дума с главни букви в JavaScript.