Как сделать первую букву в строке заглавной в 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()
, затем извлекает часть строки, исключая первый символ, после чего, объединяет и возвращает строку целиком.