От автора: приветствую вас, друзья. Продолжаем знакомство и работу со строками в JavaScript. Как и число, тип данных строка имеет свой набор полезных методов и свойств, некоторые из которых мы и рассмотрим в данной статье. Давайте ближе познакомимся со строковым типом данных в JavaScript, а также свойствами и методами для работы со строками.
Итак, в предыдущей статье мы с вами узнали о двух способах доступа к конкретному символу строки, это метод charAt() и квадратные скобки, в которые можно передать порядковый номер нужного символа строки. Напоминаю, нумерация символов начинается с нуля, т.е. первый символ строки имеет номер ноль.
Чем же нам могут помочь эти навыки, кроме того, что мы делали в предыдущей статье – перебирали строку посимвольно. Полагаю, вы уже могли догадаться, мы можем что-то сделать с каким-то символом или же с несколькими символами. Например, частая задача – изменение регистра символов. Например, у нас есть предложение, в котором все символы идут в нижнем регистре. Но первая буква предложения должна быть большой.
Изменить регистр символов помогут два метода:
toLowerCase() – преобразование к нижнему регістру;
toUpperCase() – преобразование к верхнему регистру.
Давайте попробуем:
1 2 3 4 |
var str1 = 'hello', str2 = 'WORLD'; console.log( str1.toUpperCase() ); // HELLO console.log( str2.toLowerCase() ); // world |
Как видим, в обоих случаях был преобразован регистр всех символов строки. Это не очень удобно, поскольку зачастую нам необходимо преобразовать только один символ, например первый символ строки. Давайте так и сделаем. Для этого необходимо получить первый символ строки, изменить его регистр и записать в переменную, а затем дописать в переменную все прочие символы. Например, это можно сделать так:
1 2 3 4 5 6 7 8 9 |
var str1 = 'hello'; for(var i = 0, str; i < str1.length; i++){ if(i == 0){ str = str1[i].toUpperCase(); }else{ str += str1[i]; } } console.log(str); // Hello |
Данное решение хоть и решает поставленную задачу, но не очень элегантно и занимает несколько строк кода. Кроме того, мы немного схитрили, создав новую переменную, в которую записали необходимую строку. На самом деле JavaScript позволяет решить эту задачу всего одной строкой кода и не создавать при этом новую переменную.
В следующей статье мы познакомимся с методами, которые позволяют получить часть подстроки и, соответственно, решать такие задачи без циклов и условий. Ну а пока мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!