Apakah ada fungsi kapitalisasi dalam javascript?

Pssst. BOOTCAMP PENGEMBANGAN WEB 2023 dimulai pada 01 FEBRUARI 2023. PENDAFTARAN SEKARANG DIBUKA untuk kursus kelompok 10 minggu ini. Pelajari dasar-dasarnya, HTML, CSS, JS, Tailwind, React, Next. js dan banyak lagi. ✨

Memanfaatkan string berarti memperbesar huruf pertamanya. Ini adalah salah satu operasi yang paling umum dengan string dalam JavaScript. huruf besar pada huruf pertamanya, dan biarkan sisa string apa adanya

Cara terbaik untuk membuat karakter pertama menjadi huruf besar adalah melalui kombinasi dua fungsi

Satu fungsi digunakan untuk memperbesar huruf pertama, dan fungsi kedua mengiris string dan mengembalikannya mulai dari karakter kedua

Seperti ini

const name = 'flavio'
const nameCapitalized = name.charAt(0).toUpperCase() + name.slice(1)

Anda bisa mengekstrak metode kapitalisasi string ke fungsi, yang juga memeriksa apakah parameter yang diteruskan adalah string, dan mengembalikan string kosong jika tidak

const capitalize = (s) => {
  if (typeof s !== 'string') return ''
  return s.charAt(0).toUpperCase() + s.slice(1)
}

capitalize('flavio') //'Flavio'
capitalize('f')      //'F'
capitalize(0)        //''
capitalize({})       //''

Alih-alih menggunakan s.charAt(0) Anda juga bisa menggunakan pengindeksan string (tidak didukung di versi IE yang lebih lama). s[0]

Beberapa solusi online untuk melakukan kapilisasi yang sama dengan meminta huruf besar pertama menganjurkan untuk menambahkan fungsi ke prototipe String

String.prototype.capitalize = function() {
  return this.charAt(0).toUpperCase() + this.slice(1)
}

(kami menggunakan fungsi reguler untuk memanfaatkan this - fungsi panah akan gagal dalam kasus ini, karena this dalam fungsi panah tidak mereferensikan objek saat ini)

Solusi ini tidak ideal, karena mengedit prototipe umumnya tidak disarankan, dan ini merupakan solusi yang jauh lebih lambat daripada memiliki fungsi independen

Jangan lupa bahwa jika Anda hanya ingin memanfaatkan (memiliki huruf besar pertama) untuk tujuan presentasi di Halaman Web, CSS mungkin menjadi solusi yang lebih baik, cukup tambahkan kelas capitalize ke paragraf HTML Anda dan gunakan

Kembali ke putaran lain dari Dasar-Dasar Web. Yang terakhir, kami belajar Cara Membalikkan String di Javascript. Omong-omong, bagi mereka yang baru di komunitas saya. Dasar-Dasar Web adalah seri tentang topik pemrograman penting yang harus diketahui oleh setiap pengembang web. Anda dapat menangkap posting dasar-dasar web di Instagram saya. Baiklah cukup intro, mari kita lanjutkan pelajaran kita 🤓

Metode toUpperCase()_ mengembalikan nilai string panggilan yang dikonversi menjadi huruf besar (nilai akan dikonversi menjadi string jika bukan satu)

toUpperCase()

console.log("alphabet".toUpperCase()); // 'ALPHABET'

Enter a string: javaScript
JavaScript

str.str[0]; // j

// program to convert first letter of a string to uppercase
function capitalizeFirstLetter(str) {

    // converting first letter to uppercase
    const capitalized = str.replace(/^./, str[0].toUpperCase());

    return capitalized;
}

// take input
const string = prompt('Enter a string: ');

const result = capitalizeFirstLetter(string);

console.log(result);

Enter a string: javaScript
JavaScript