Урок 4. Строки и шаблонные строки
Текст в программировании называют строкой. И с ним есть одна ловушка, в которую попадают все.
Строки склеиваются плюсом:
let imya = "Аня";
let privet = "Привет, " + imya + "!"; // Привет, Аня!Ловушка, в которую попадают все
Плюс работает по-разному в зависимости от того, что складывают. Числа он складывает, а строки — склеивает:
console.log(7 + 1); // 8
console.log("7" + 1); // "71"Во втором случае семёрка в кавычках — это текст, и браузер просто приписал единицу справа. Именно поэтому важно, где кавычки есть, а где их нет. Превратить текст в число можно функцией Number("7").
Шаблонные строки — так удобнее
Склеивать плюсами длинную фразу утомительно и легко потерять пробел. Поэтому есть второй способ: строка в обратных кавычках (клавиша над Tab, буква «ё» в русской раскладке), а переменные внутри — в ${ }:
let fraza = `Меня зовут ${imya}, мне ${vozrast} лет`;Читается гораздо лучше, и пробелы стоят там, где ты их видишь. Внутри ${ } можно писать даже вычисления: ${7 * 6}.
imya.length вернёт количество символов. Точка означает «возьми у этого свойство».Твой прогресс
Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →
Частые вопросы
Почему "7" + 1 даёт 71, а не 8?
Потому что семёрка в кавычках — это текст, а не число. Плюс с текстом означает склейку, поэтому единица приписывается справа. Чтобы получить 8, текст надо превратить в число: Number("7") + 1.
Что такое шаблонные строки?
Это строки в обратных кавычках, внутри которых можно подставлять значения переменных через ${ }. Так текст читается гораздо лучше, чем при склейке плюсами.