Как сделать первую букву в строке заглавной в JavaScript

В JavaScript нет функции быстрого доступа, такой как ucfirst() в PHP для преобразования первой буквы или символа строки в верхний регистр. Однако вы можете добиться того же, используя метод JavaScript toUpperCase() в сочетании с методами charAt() и slice() с небольшим трюком.

Метод charAt() возвращает символ по указанному индексу, тогда как метод slice() извлекает часть строки на основе параметров beginIndex и endIndex, как например str.slice(beginIndex, endIndex). Параметр endIndex является необязательным, и если он опущен, метод slice() извлекает данные до конца строки.

Символы в строке индексируются слева направо. Индекс первого символа равен 0, а индекс последнего символа в строковой переменной с именем str будет str.length - 1. Чтобы лучше понять все это, давайте рассмотрим следующий пример:

<script>
    // Определяем функцию для первой заглавной буквы
    function capitalizeFirstLetter(string){
        return string.charAt(0).toUpperCase() + string.slice(1);
    }
    
    // Вызов функции и отображение результата
    var str1 = 'hi there!';
    str1 = capitalizeFirstLetter(str1);
    document.write(str1); // Печатает: Hi there!
    
    var str2 = 'the Gods must be crazy.';
    str2 = capitalizeFirstLetter(str2);
    document.write(str2); // Печатает: The Gods must be crazy.
    
    var str3 = '/app/index.html';
    str2 = capitalizeFirstLetter(str3);
    document.write(str3); // Печатает: /app/index.html
</script>

Наша настраиваемая функция capitalizeFirstLetter() в приведенном выше примере получает первый символ строки и преобразует его в верхний регистр с помощью метода toUpperCase(), затем извлекает часть строки, исключая первый символ, после чего, объединяет и возвращает строку целиком.

Читайте также