Blog ini mengilustrasikan prosedur untuk mengkapitalisasi kata tertentu dalam JavaScript dengan menjelaskan metode di bawah ini:
Bagaimana Cara Mengkapitalisasi Kata Secara Dinamis dalam JavaScript?
Tidak ada properti bawaan atau metode JavaScript yang dapat digunakan untuk mengkapitalisasi hanya kata pertama dari string yang disediakan, Namun, ada beberapa pendekatan yang dapat dimodifikasi untuk mengembalikan hasil yang diinginkan. Metode ini dijelaskan dengan deskripsi kode mereka. Mari kita lanjutkan.
Metode 1: Menggunakan Metode “slice()”.
Dalam metode ini, “ mengingatkan() ', Dan ' toUpperCase() ” metode digunakan di sepanjang “ mengiris() ” metode untuk mengkapitalisasi hanya kata pertama atau beberapa bagian dari string sesuai kebutuhan atau ditentukan oleh pengguna. Seperti yang ditunjukkan pada cuplikan kode di bawah ini:
< tubuh >
< h1 > Artikel Linuxint h1 >
< h4 > Mengapitalisasi Kata Pertama h4 >
< klik tombol = 'captalizeFirstWord()' > Cobalah tombol >
< p id = 'target' > P >
< naskah >
fungsi captalizeFirstWord ( ) {
biar data = mengingatkan ( 'Silakan masukkan string' , 'John Wick' ) ;
const wordEndIndex = mengingatkan ( 'Masukkan rentang akhir' , '5' ) ;
biarkan kata pertama = data. mengiris ( 0 , wordEndIndex ) ;
biarkan rem = data. mengganti ( kata pertama , '' ) ;
jika ( data != batal ) {
dokumen. getElementById ( 'target' ) . innerHTML = 'Kata pertama sekarang dikapitalisasi:' + kata pertama. toUpperCase ( ) + rem ;
}
}
naskah >
tubuh >
Penjelasan kode:
- Pertama, elemen tombol dideklarasikan yang memanggil “ captalizeFirstWord() ” metode menggunakan “ onclick ” pendengar acara. “ P Elemen ” juga dibuat dengan memiliki id “ target ”. Pada elemen HTML 'p' ini, hasilnya dimasukkan.
- Selanjutnya fungsi “ captalizeFirstWord() ' tubuh didefinisikan di dalam '
” tag. Di dalamnya, beberapa ' mengingatkan() ” metode digunakan untuk mengambil data dari pengguna tentang string dan nomor indeks akhir untuk kata kapital. - “ mengingatkan() ” metode berisi dua parameter, yang pertama adalah pesan yang ditampilkan di layar dan yang kedua adalah nilai defaultnya.
- Nilai-nilai ini disimpan di “ data ' Dan ' wordEndIndex ” masing-masing. Kemudian, gunakan “ mengiris() ' pada 'data' dan potong bagian string dari ' 0 ” indeks ke nomor indeks yang disediakan oleh pengguna. Ini memisahkan kata pertama dari string yang disediakan yang disimpan dalam variabel 'firstWord'.
- Setelah itu, gunakan “ mengganti() ” pada string yang disediakan untuk mengganti konten 'firstWord' dengan tanda kutip kosong. Ini memodifikasi string dan sekarang berisi bagian yang tersisa setelah menghapus kata pertama yang disimpan dalam variabel “ rem ”
- Pada akhirnya, gunakan ' jika pernyataan ” untuk memeriksa apakah data ” variabel yang disediakan oleh pengguna kosong atau tidak. Jika tidak kosong atau sama dengan “ batal ”, lalu masukkan “ kata pertama ” dan menerapkan “ toUpperCase() ” metode untuk itu.
- Di sepanjang itu, tampilkan bagian yang tersisa yang disimpan di ' rem ' variabel.
Setelah kompilasi:
Outputnya menunjukkan bahwa kata pertama dari string yang disediakan sekarang dikapitalisasi.
Metode 2: Menggunakan Metode “substr()”.
“ substr() ” metode dapat digunakan untuk mengkapitalisasi hanya kata pertama dari string yang disediakan. Itu dapat dilakukan dengan memilih hanya huruf pertama secara terpisah dengan mengakses nomor indeks dan dengan menerapkan metode “toUpperCase()” padanya. Kemudian, pasang bagian string yang tersisa seperti yang dilakukan pada kode di bawah ini:
< h1 > Artikel Linuxint h1 >< h4 > Mengapitalisasi Kata Pertama h4 >
< klik tombol = 'captalizeFirstWord()' > Cobalah tombol >
< p id = 'target' > P >
< naskah >
fungsi captalizeFirstWord ( ) {
biar data = mengingatkan ( 'Silakan masukkan string' , 'John Wick' )
const wordEndIndex = mengingatkan ( 'Masukkan rentang akhir' , '5' ) ;
biarkan hasil = data. substr ( 0 , wordEndIndex ) . toUpperCase ( ) + data. substr ( wordEndIndex ) ;
jika ( data != batal ) {
dokumen. getElementById ( 'target' ) . innerHTML = 'Kata pertama sekarang dikapitalisasi sebagai:' + hasil ;
}
}
naskah >
Penjelasan dari kode di atas:
- Kode di atas sama dengan yang dijelaskan pada metode sebelumnya hanya “ mengiris() ' Dan ' mengganti() metode ” diganti dengan “ substr() ' metode.
- Metode “substr()” diterapkan ke “ data ” variabel dan bagian dari string dari “ 0 ” indeks ke indeks yang disediakan dipisahkan. Pada bagian terpisah ini yang merupakan kata pertama, ' toUpperCase() ” metode diterapkan untuk mengkapitalisasi itu.
- Setelah itu, kedua ' substr() ” metode digunakan untuk memilih bagian yang tersisa dari indeks yang disediakan dan kemudian menggabungkan hasilnya untuk kedua metode tersebut.
Setelah kompilasi:
Output menunjukkan bahwa hanya kata pertama dari string yang dikapitalisasi
Kesimpulan
Tidak ada metode bawaan yang dapat digunakan untuk mengkapitalisasi hanya kata pertama dari string yang disediakan secara dinamis. Namun, “ mengiris() ' Dan ' substr() ” metode dapat digunakan di sepanjang kombinasi metode yang berbeda seperti “ mengingatkan() ”, “ mengganti() ', Dan ' toUpperCase() ” untuk menggunakan huruf besar pada kata pertama. Di sini, “ toUpperCase() ” metode secara khusus mengkapitalisasi kata pertama yang diiris. Posting ini telah mengilustrasikan metode untuk mengkapitalisasi kata dalam JavaScript.