Строка в JavaScript. Методы для работы со строками в JavaScript. Часть 2

Строка в JavaScript. Методы для работы со строками в JavaScript

От автора: приветствую вас, друзья. Продолжаем знакомство и работу со строками в JavaScript. Как и число, тип данных строка имеет свой набор полезных методов и свойств, некоторые из которых мы и рассмотрим в данной статье. Давайте ближе познакомимся со строковым типом данных в JavaScript, а также свойствами и методами для работы со строками.

Итак, в предыдущей статье мы с вами узнали о двух способах доступа к конкретному символу строки, это метод charAt() и квадратные скобки, в которые можно передать порядковый номер нужного символа строки. Напоминаю, нумерация символов начинается с нуля, т.е. первый символ строки имеет номер ноль.

Чем же нам могут помочь эти навыки, кроме того, что мы делали в предыдущей статье – перебирали строку посимвольно. Полагаю, вы уже могли догадаться, мы можем что-то сделать с каким-то символом или же с несколькими символами. Например, частая задача – изменение регистра символов. Например, у нас есть предложение, в котором все символы идут в нижнем регистре. Но первая буква предложения должна быть большой.

Изменить регистр символов помогут два метода:

toLowerCase() – преобразование к нижнему регістру;

toUpperCase() – преобразование к верхнему регистру.

Давайте попробуем:

var str1 = 'hello',
        str2 = 'WORLD';
console.log( str1.toUpperCase() ); // HELLO
console.log( str2.toLowerCase() ); // world

Как видим, в обоих случаях был преобразован регистр всех символов строки. Это не очень удобно, поскольку зачастую нам необходимо преобразовать только один символ, например первый символ строки. Давайте так и сделаем. Для этого необходимо получить первый символ строки, изменить его регистр и записать в переменную, а затем дописать в переменную все прочие символы. Например, это можно сделать так:

var str1 = 'hello';
    for(var i = 0, str; i < str1.length; i++){
        if(i == 0){
            str = str1.toUpperCase();
        }else{
            str += str1;
        }
    }
    console.log(str); // Hello

Данное решение хоть и решает поставленную задачу, но не очень элегантно и занимает несколько строк кода. Кроме того, мы немного схитрили, создав новую переменную, в которую записали необходимую строку. На самом деле JavaScript позволяет решить эту задачу всего одной строкой кода и не создавать при этом новую переменную.

В следующей статье мы познакомимся с методами, которые позволяют получить часть подстроки и, соответственно, решать такие задачи без циклов и условий. Ну а пока мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree