Продолжаем знакомство и работу со строками в JavaScript. Как и число, тип данных строка имеет свой набор полезных методов и свойств, некоторые из которых мы и рассмотрим в данной статье. Давайте ближе познакомимся со строковым типом данных в JavaScript, а также свойствами и методами для работы со строками.
Итак, в предыдущей статье мы с вами узнали о двух способах доступа к конкретному символу строки, это метод charAt() и квадратные скобки, в которые можно передать порядковый номер нужного символа строки. Напоминаю, нумерация символов начинается с нуля, т.е. первый символ строки имеет номер ноль.
Чем же нам могут помочь эти навыки, кроме того, что мы делали в предыдущей статье – перебирали строку посимвольно. Полагаю, вы уже могли догадаться, мы можем что-то сделать с каким-то символом или же с несколькими символами. Например, частая задача – изменение регистра символов. Например, у нас есть предложение, в котором все символы идут в нижнем регистре. Но первая буква предложения должна быть большой.
Изменить регистр символов помогут два метода:
toLowerCase() – преобразование к нижнему регістру;
toUpperCase() – преобразование к верхнему регистру.
Давайте попробуем:
1.var str1 = 'hello',2.str2 = 'WORLD';3.console.log( str1.toUpperCase() ); // HELLO4.console.log( str2.toLowerCase() ); // worldКак видим, в обоих случаях был преобразован регистр всех символов строки. Это не очень удобно, поскольку зачастую нам необходимо преобразовать только один символ, например первый символ строки. Давайте так и сделаем. Для этого необходимо получить первый символ строки, изменить его регистр и записать в переменную, а затем дописать в переменную все прочие символы. Например, это можно сделать так:
01.var str1 = 'hello';02.for(var i = 0, str; i < str1.length; i++){03.if(i == 0){04.str = str1<em></em>.toUpperCase();05.}else{06.str += str1<em></em>;07.}08.}09.console.log(str); // HelloДанное решение хоть и решает поставленную задачу, но не очень элегантно и занимает несколько строк кода. Кроме того, мы немного схитрили, создав новую переменную, в которую записали необходимую строку. На самом деле JavaScript позволяет решить эту задачу всего одной строкой кода и не создавать при этом новую переменную.
Источник: http://webformyself.com/stroka-v-javascript-metody-dlya-raboty-so-strokami-v-javascript-chast-2/