Сделать первую букву заглавной на Javascript
Javascript Snippets

Сделать первую букву заглавной на Javascript

Как сделать первую букву заглавной на 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.


Также рекомендуем: