Bagaimana untuk Memodalkan Perkataan secara Dinamik dalam JavaScript?

Bagaimana Untuk Memodalkan Perkataan Secara Dinamik Dalam Javascript



Penggunaan huruf besar bagi perkataan tertentu daripada rentetan tunggal sangat membantu apabila pengaturcara ingin mengalihkan perhatian pembaca atau pengguna akhir ke arah maklumat yang unik atau penting. Selalunya singkatan, nota, tarikh, nama tempat atau nama orang ditulis dengan huruf besar kerana ia menawarkan maklumat penting. Dengan memanfaatkan beberapa faedah boleh dicapai seperti kebolehcapaian yang lebih baik, faktor keterlihatan dan kebolehbacaan yang dipertingkatkan, melibatkan interaksi pengguna dan sebagainya.

Blog ini menggambarkan prosedur untuk menggunakan huruf besar perkataan tertentu dalam JavaScript dengan menerangkan kaedah di bawah:

Bagaimana untuk Memodalkan Perkataan secara Dinamik dalam JavaScript?

Tiada sebarang sifat terbina dalam atau kaedah JavaScript yang boleh digunakan untuk menggunakan huruf besar hanya perkataan pertama rentetan yang disediakan, Walau bagaimanapun, terdapat beberapa pendekatan yang boleh diubah suai untuk mengembalikan hasil yang diingini. Kaedah ini diterangkan dengan penerangan kod mereka. Mari teruskan.







Kaedah 1: Menggunakan Kaedah 'slice()'.

Dalam kaedah ini, ' gesaan() ”, dan “ toUpperCase() kaedah ' digunakan sepanjang ' keping() ” kaedah untuk menggunakan huruf besar hanya perkataan pertama atau sebahagian daripada rentetan seperti yang diperlukan atau ditentukan oleh pengguna. Seperti yang ditunjukkan dalam coretan kod di bawah:



< badan >

< h1 > Artikel Linuxhint h1 >
< h4 > Menggunakan huruf besar pada Perkataan Pertama h4 >
< butang onclick = 'captalizeFirstWord()' > Cuba ia butang >
< p id = 'sasaran' > hlm >

< skrip >
fungsi captalizeFirstWord ( ) {
biarkan data = segera ( 'Sila masukkan rentetan' , 'John Wick' ) ;
const wordEndIndex = segera ( 'Masukkan julat akhir' , '5' ) ;
biarkan firstWord = data. hirisan ( 0 , wordEndIndex ) ;
biarkan rem = data. menggantikan ( FirstWord , '' ) ;

jika ( data != null ) {
dokumen. getElementById ( 'sasaran' ) . innerHTML = 'Perkataan pertama kini menggunakan huruf besar: ' + FirstWord. toUpperCase ( ) + rem ;
}
}
skrip >
badan >

Penjelasan kod:



  • Pertama, elemen butang diisytiharkan yang memanggil ' captalizeFirstWord() ' kaedah menggunakan ' onclick ” pendengar acara. ' hlm elemen ' juga dicipta dengan mempunyai id ' sasaran ”. Pada elemen HTML 'p' ini, output akan dimasukkan.
  • Seterusnya, fungsi ' captalizeFirstWord() 'badan ditakrifkan di dalam' ” tag. Di dalamnya, beberapa ' gesaan() ” kaedah digunakan untuk mendapatkan semula data daripada pengguna tentang rentetan dan nombor indeks pengakhiran untuk perkataan besar.
  • ' gesaan() ” kaedah mengandungi dua parameter, yang pertama ialah mesej yang dipaparkan pada skrin dan yang kedua ialah nilai lalainya.
  • Nilai ini disimpan dalam ' data ” dan “ wordEndIndex ” masing-masing. Kemudian, gunakan ' keping() ” kaedah pada “data” dan potong bahagian rentetan daripada “ 0 ” indeks kepada nombor indeks yang diberikan oleh pengguna. Ini memisahkan perkataan pertama daripada rentetan yang disediakan yang disimpan dalam pembolehubah 'firstWord'.
  • Selepas itu, gunakan ' menggantikan() ” kaedah pada rentetan yang disediakan untuk menggantikan kandungan “firstWord” dengan petikan kosong. Ini mengubah suai rentetan dan kini ia mengandungi bahagian yang tinggal selepas mengalih keluar perkataan pertama yang disimpan dalam pembolehubah “ rem
  • Pada akhirnya, gunakan ' jika pernyataan untuk menyemak sama ada ' data ” pembolehubah yang disediakan oleh pengguna adalah kosong atau tidak. Jika ia tidak kosong atau sama dengan “ null ”, kemudian masukkan “ FirstWord ” dan gunakan “ toUpperCase() ” kaedah kepadanya.
  • Di sepanjangnya, paparkan bahagian yang tinggal yang disimpan dalam ' rem ” pembolehubah.

Selepas kompilasi:





Output menunjukkan bahawa perkataan pertama rentetan yang disediakan kini menggunakan huruf besar.



Kaedah 2: Menggunakan Kaedah 'substr()'.

' substr() ” kaedah boleh digunakan untuk menggunakan huruf besar hanya perkataan pertama daripada rentetan yang disediakan. Ia boleh dilakukan dengan memilih hanya huruf pertama secara berasingan dengan mengakses nombor indeks dan dengan menggunakan kaedah “toUpperCase()” padanya. Kemudian, lampirkan bahagian rentetan yang tinggal seperti yang dilakukan dalam kod di bawah:

< h1 > Artikel Linuxhint h1 >
< h4 > Menggunakan huruf besar pada Perkataan Pertama h4 >

< butang onclick = 'captalizeFirstWord()' > Cuba ia butang >
< p id = 'sasaran' > hlm >

< skrip >
fungsi captalizeFirstWord ( ) {
biarkan data = segera ( 'Sila masukkan rentetan' , 'John Wick' )
const wordEndIndex = segera ( 'Masukkan julat akhir' , '5' ) ;
biarkan hasilnya = data. substr ( 0 , wordEndIndex ) . toUpperCase ( ) + data. substr ( wordEndIndex ) ;
jika ( data != null ) {
dokumen. getElementById ( 'sasaran' ) . innerHTML = 'Perkataan pertama kini ditulis dengan huruf besar sebagai: ' + hasil ;
}
}
skrip >

Penjelasan kod di atas:

  • Kod di atas adalah sama seperti yang diterangkan dalam kaedah sebelumnya hanya ' keping() ” dan “ menggantikan() Kaedah ' digantikan dengan ' substr() ” kaedah.
  • Kaedah 'substr()' digunakan pada ' data ' pembolehubah dan bahagian rentetan daripada ' 0 ” indeks kepada indeks yang disediakan diasingkan. Pada bahagian yang dipisahkan ini yang merupakan perkataan pertama, ' toUpperCase() ” kaedah digunakan untuk memanfaatkannya.
  • Selepas itu, kedua ' substr() ” kaedah digunakan untuk memilih bahagian yang tinggal daripada indeks yang disediakan dan kemudian menggabungkan keputusan untuk kedua-dua kaedah.

Selepas kompilasi:

Output menunjukkan bahawa hanya perkataan pertama daripada rentetan telah ditulis dengan huruf besar

Kesimpulan

Tiada kaedah terbina dalam yang boleh digunakan untuk menggunakan huruf besar hanya perkataan pertama rentetan yang disediakan secara dinamik. Walau bagaimanapun ' keping() ” dan “ substr() ' kaedah boleh digunakan di sepanjang gabungan kaedah yang berbeza seperti ' gesaan() ”, “ menggantikan() ”, dan “ toUpperCase() ” untuk menggunakan huruf besar pada perkataan pertama. Di sini, ' toUpperCase() ” kaedah secara khusus menggunakan huruf besar pada perkataan pertama yang dihiris. Siaran ini telah menggambarkan kaedah untuk menggunakan huruf besar perkataan dalam JavaScript.