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

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

Похожие посты

How to increase and decrease image size using JavaScript

Answer: Use the JavaScript width и height property You can use either width or height JavaScript property to proportionally increase и decrease the dimension of an image like zoom-in и zoom-out feature. Let’s take a look at the following example to understи how it basically works: Пример <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»utf-8″> <title>JavaScript…

Как сделать паузу при выполнении скрипта в JavaScript

Вы можете просто использовать метод setTimeout(), чтобы сделать паузу, прежде чем продолжить выполнение кода в JavaScript. Время задержки выполнения скрипта указывается в миллисекундах (тысячных долях секунды). Давайте посмотрим следующий пример, чтобы понять, как это работает: Как вы заметили в предыдущем примере, JS-код после метода setTimeout() продолжает выполнение. Однако, если вам нужен настоящий «сон», когда все…

Как перебрать массив в JavaScript

Самый простой способ перебрать массив в JavaScript — использовать цикл for. В следующем примере показано, как вывести все значения массива в JavaScript по очереди. В качестве альтернативы вы можете использовать недавно представленный цикл for-of в ES6 для итерации по массиву, например: См. Руководство по ES6-функциям JavaScript, чтобы узнать о новых функциях, представленных в ES6.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.