Операции со строками в JavaScript

Операции со строками в JavaScript могут быть следующими: объединение строк, обрезка, подсчёт символов, выбор определённого символа. Их вполне достаточно для создания сайтов. Попробуем их по порядку.

Объединение строк

С помощью знака "+" возможно объединять строки:
var a = 'Тише, мыши, ';
var b = 'кот на крыше';
console.log(a + b); // результат: 'Тише, мыши, кот на крыше'
Обратите внимание, что объединять можно не только строковые переменные. Можно объединить строку и число:
var a = 'У нас есть ';
var b = 8;
var c = ' кусочков сыра';
console.log(a + b + c); // результат: 'У нас есть 8 кусочков сыра'
Если вам понадобится вставить переменную внутри строки, то сделать это несколькими способами:
var a = 8;
var b = ' ';

b = 'У нас есть '  + a + ' кусочков сыра';
b = "У нас есть "  + a + "  кусочков сыра";
b = `У нас есть ${a} кусочков сыра`;
В обоих случаях переменная "b" примет одинаковые значения "У нас есть 8 кусочков сыра", но соединение строк сделано по разному и используются разные кавычки. В первом и втором случае соединяются две строки и одно число. А во третьем случае компилятор прочитает строку целиком и заменит значение переменно "a" на нужное. Обратите внимание на кавычки. В первом случае они одинарные, а во втором двойные. А в третьем они наклонные, которые указывают компилятору на то, что в строке содержится переменная. Если заменить их на одинарные, то результат будет не "У нас есть 8 кусочков сыра", а "У нас есть ${a} кусочков сыра". Как будто "${a}" - это кусок текста.

Обрезка строк

Функция X.substr(Y, Z) обрезает строку X начиная с символа под номером Y и длиной в Z символов. Если Y положительный, то считается с начала строки, если отрицательный, то с конца. Если Z положительное, то результат будет содержать количество символов равной Z, иначе будет содержать пустую строку. Продемонстрируем работу этой функции на всех возможных примерах:
var text = 'Вкусный сыр';
var a = text.substr(1);    // вернёт "кусный сыр"
var c = text.substr(2, 3);  // вернёт "усн"
var d = text.substr(2, -1);  // вернёт пустую строку

var b = text.substr(-1);    // вернёт "р"
var f = text.substr(-2);    // вернёт "ыр"
var g = text.substr(-3, 3); // вернёт "сыр"
var h = text.substr(-3, -2); // вернёт пустую строку

Количество вхождений в строку

Часто появляется задача определить есть ли в строке определённая подстрока. Для этого используется функция X.indexOf( Y ), которая ищет подстроку Y в строке X. Это подстрока найдена, то возвращается позиция на которой находится подстрока или "-1", если нет вхождения.
var url = '/store/cheese/all/'; // адрес страницы
if( url.indexOf('/cheese/') != -1 ) { // находим подстроку
   console.log('Попробуйте все виды сыра!'); // подстрока найдена
}else{
   console.log('Магазин');
}
Функция indexOf нашла подстроку '/cheese/' в значении переменной url и вернула положение. В нашем случае получилась цифра "6". А условие if( 6 != -1 ) является правдой, поэтому на экране браузера появится надпись:
Попробуйте все виды сыра!

Выбор определённого символа из строки

Для получения определённого символа в строке, существует функция X.charAt( Y ), которая возвращает символ с позиции Y из строки X. Если поставить Y равным нулю, то вернётся первый символ строки. Так же к символам в строке можно обращаться через квадратные скобки, что сокращает запись:
var a = 'Вкусный сыр';
var b = a.charAt(0); // вернёт 'В'
var c = a[0]; // вернёт 'В'
var d = a[1]; // вернёт 'к'
var e = a[5]; // вернёт 'н'
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, курсы создания сайтов, вебинары по созданию, курсы разработки сайтов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: