Ten blog ilustruje procedurę zapisywania określonego słowa wielką literą w JavaScript, wyjaśniając poniższe metody:
Jak dynamicznie zamieniać słowo na wielkie litery w JavaScript?
Nie ma żadnej wbudowanej właściwości ani metody JavaScript, której można użyć do zapisania wielkimi literami tylko pierwszego słowa podanego ciągu, istnieje jednak kilka podejść, które można zmodyfikować, aby uzyskać pożądane wyniki. Metody te są opisane wraz z ich opisem kodowym. Kontynuujmy.
Metoda 1: Korzystanie z metody „slice()”.
W tej metodzie „ podpowiedź() ', I ' na wielkie litery() ” metody są stosowane wzdłuż „ plasterek() ” w celu zapisania wielkimi literami tylko pierwszego słowa lub części ciągu, zgodnie z potrzebami lub określonymi przez użytkownika. Jak pokazano w poniższym fragmencie kodu:
< ciało >
< h1 > Artykuł o Linuksie h1 >
< h4 > Pisząc pierwsze słowo wielką literą h4 >
< przycisk po kliknięciu = „captalizeFirstWord()” > Spróbuj przycisk >
< identyfikator p = 'cel' > P >
< scenariusz >
funkcjonować captalizeFirstWord ( ) {
niech dane = podpowiedź ( 'Proszę wprowadzić ciąg' , „Johna Wicka” ) ;
konst indeks końca słowa = podpowiedź ( „Wprowadź końcowy zakres” , „5” ) ;
niech pierwsze słowo = dane. plasterek ( 0 , indeks końca słowa ) ;
niech rem = dane. zastępować ( pierwsze słowo , '' ) ;
Jeśli ( dane != zero ) {
dokument. getElementById ( 'cel' ) . wewnętrzny HTML = „Pierwsze słowo jest teraz pisane wielką literą:” + pierwsze słowo. na wielkie litery ( ) + Rem ;
}
}
scenariusz >
ciało >
Wyjaśnienie kodu:
- Najpierw deklarowany jest element button, który wywołuje metodę „ captalizeFirstWord() ” metoda wykorzystująca „ na kliknięcie ” słuchacz zdarzeń. „ P ” element jest również tworzony przez posiadanie identyfikatora „ cel ”. W tym elemencie HTML „p” wstawiane są dane wyjściowe.
- Następnie funkcja „ captalizeFirstWord() ” treść jest zdefiniowana wewnątrz „
”znacznik. W nim kilka „ podpowiedź() ” służą do pobierania od użytkownika danych o łańcuchu i końcowym numerze indeksu dla wielkich słów. - „ podpowiedź() ” zawiera dwa parametry, pierwszy to komunikat wyświetlany na ekranie, a drugi to jego wartość domyślna.
- Te wartości są przechowywane w „ dane ' I ' indeks końca słowa ” odpowiednio. Następnie użyj „ plasterek() ” na „data” i wytnij część ciągu z „ 0 ” do numeru indeksu podanego przez użytkownika. Oddziela to pierwsze słowo od podanego ciągu, który jest przechowywany w zmiennej „firstWord”.
- Następnie skorzystaj z opcji „ zastępować() ” na podany ciąg, aby zastąpić treść „firstWord” pustymi cudzysłowami. To modyfikuje łańcuch i teraz zawiera pozostałą część po usunięciu pierwszego słowa, które jest przechowywane w zmiennej „ Rem ”
- Na koniec użyj „ Jeśli ”, aby sprawdzić, czy „ dane ” zmienna podana przez użytkownika jest pusta lub nie. Jeśli nie jest pusty lub równy „ zero ”, następnie wstaw „ pierwsze słowo ” i zastosuj „ na wielkie litery() ” na to metoda.
- Wzdłuż niego wyświetl pozostałą część, która jest zapisana w „ Rem ' zmienny.
Po kompilacji:
Dane wyjściowe pokazują, że pierwsze słowo podanego ciągu jest teraz pisane wielką literą.
Metoda 2: Korzystanie z metody „substr()”.
„ substr() ” można użyć do zapisania wielkiej litery tylko pierwszego słowa z podanego ciągu. Można to zrobić, wybierając osobno tylko pierwszą literę, wchodząc w numer indeksu i stosując do niego metodę „toUpperCase()”. Następnie dołącz pozostałą część ciągu, jak w poniższym kodzie:
< h1 > Artykuł o Linuksie h1 >< h4 > Pisząc pierwsze słowo wielką literą h4 >
< przycisk po kliknięciu = „captalizeFirstWord()” > Spróbuj przycisk >
< identyfikator p = 'cel' > P >
< scenariusz >
funkcjonować captalizeFirstWord ( ) {
niech dane = podpowiedź ( „Proszę wprowadzić ciąg znaków” , „Johna Wicka” )
konst indeks końca słowa = podpowiedź ( „Wprowadź końcowy zakres” , „5” ) ;
niech skutkuje = dane. podstr ( 0 , indeks końca słowa ) . na wielkie litery ( ) + dane. podstr ( indeks końca słowa ) ;
Jeśli ( dane != zero ) {
dokument. getElementById ( 'cel' ) . wewnętrzny HTML = „Pierwsze słowo jest teraz pisane wielką literą jako:” + wynik ;
}
}
scenariusz >
Wyjaśnienie powyższego kodu:
- Powyższy kod jest taki sam, jak opisano w poprzedniej metodzie, tylko „ plasterek() ' I ' zastępować() ” metoda zostaje zastąpiona przez „ substr() ' metoda.
- Metoda „substr()” jest stosowana do „ dane ” zmienna i część łańcucha z „ 0 ” indeks do podanego indeksu jest oddzielony. Na tej oddzielnej części, która jest pierwszym słowem, „ na wielkie litery() ” jest stosowana do kapitalizacji.
- Potem druga „ substr() ” służy do wybrania pozostałej części z podanego indeksu, a następnie połączenia wyniku dla obu metod.
Po kompilacji:
Dane wyjściowe pokazują, że tylko pierwsze słowo z ciągu zostało zapisane wielką literą
Wniosek
Nie ma żadnej wbudowanej metody, której można użyć do dynamicznego zapisywania wielkimi literami tylko pierwszego słowa podanego ciągu. Jednakże ' plasterek() ' I ' substr() ” mogą być stosowane wraz z kombinacją różnych metod, takich jak „ podpowiedź() ”, „ zastępować() ', I ' na wielkie litery() ”, aby napisać pierwsze słowo wielką literą. Tutaj ' na wielkie litery() ” specjalnie zamienia pierwsze słowo na wielkie litery. Ten post zilustrował metody pisania słowa wielką literą w JavaScript.