Как сделать первую букву заглавной на Javascript? Сегодня разберемся.

Вариант 1. Сделать первую букву заглавной на Javascript при помощи substring

Этот способ простой и древний, как крокодилы. Присвоим строке первую букву пропущенную через toUpperCase и добавим к ней все остальные через substing:

string = string[0].toUpperCase() + string.substring(1)

Понимаете о чем я? Просто берем первую букву строки через [0], ведь строки в JS работают как массивы, пропускаем её через toUpperCase, и добавляем к ней оставшуюся часть строки через substring, передавая в substring параметр 1 (то есть начиная с символа 1, символ 0 мы уже увеличили и добавили в строку).

Просто.

Вариант 2. Сделать первую букву заглавной на Javascript через прототипы класса String.

Этот способ практически ничем не отличается от предыдущего, за исключением того, что позволяет упростить использование этой процедуры, а также использует более «академический» подход.

Суть его в том, что мы в класс String (то есть строка), добавим метод firstLetterCaps, который будет делать всю работу, а мы будет использовать его в виде «our string».firstLetterCaps(), или string1.firstLetterCaps(), при условии, что string1 – это переменная с типом строка.

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

Всё, класс расширили (нужно этот код просто разместить где-нибудь на странице внутри «script»…«/script».

Как использовать этот метод? Очень просто. Он теперь есть автоматически во всех объектах типа String, то есть у всех строк. И его можно применять вот так:

"our string".firstLetterCaps();
//илил
console.log("Мама мыла раму".firstLetterCaps());
//или просто
var str="balbalbal";
str=str.firstLetterCaps();

Этот способ более удобен для повседневного использования, если одну и ту жу функцию нужно использовать несколько раз по всему коду.

Также напомним, недавно рассматривали как сделать первую букву заглавной на PHP.