Cara Mengubah Huruf Pertama Menjadi Kapital di JavaScript

Mengubah huruf pertama menjadi kapital berguna untuk merapikan nama pengguna atau judul yang diketik sembarangan. Artikel ini membahas cara mengubah huruf pertama menjadi kapital di JavaScript.

charAt() + slice()

<script>
function kapital(teks) {
    return teks.charAt(0).toUpperCase() + teks.slice(1);
}
console.log(kapital("budi")); // "Budi"
</script>

Contoh Kasus: Merapikan Setiap Kata (Title Case)

<script>
function titleCase(teks) {
    return teks.toLowerCase().split(" ").map(kata =>
        kata.charAt(0).toUpperCase() + kata.slice(1)
    ).join(" ");
}
console.log(titleCase("budi SANTOSO")); // "Budi Santoso"
</script>

Kombinasi split(), map(), dan join() merapikan setiap kata sekaligus.

Cara Modern dengan CSS

Bila hanya untuk tampilan, CSS text-transform: capitalize; bisa lebih sederhana tanpa mengubah data aslinya.

Kesimpulan

Gunakan charAt(0).toUpperCase() + slice(1) untuk mengapitalkan huruf pertama, dan gabungkan dengan split/map/join untuk merapikan setiap kata. Untuk sekadar tampilan, pertimbangkan CSS capitalize.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *