Шаблонные литералы
Часть раздела Логика и поток путешествия по JavaScript на Coddy — урок 3 из 65.
Шаблонные литералы используют обратные кавычки `` для создания строк и позволяют вставлять выражения с помощью ${}. Например, при создании приветствий вы можете динамически встраивать имена или другие данные непосредственно в шаблонный литерал.
Пример:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Вставляет userName внутрь строкиШаблонные литералы также поддерживают многострочные строки без необходимости использования управляющего символа \n. Вы можете просто нажать Enter для перехода на новую строку, и разрыв строки будет сохранен в выводе. Оба подхода работают:
// Использование \n
const message1 = `Line 1\nLine 2`;
// Использование фактических переносов строк
const message2 = `Line 1
Line 2`;Оба дают одинаковый результат
Задание
ЛегкоСоздайте функцию с именем greetAll, которая принимает массив имен и возвращает одну строку. Каждое имя в массиве должно формировать строку в формате Hello, <Name>!, объединенных в одну строку, разделенную символами новой строки. Используйте шаблонные литералы для строк приветствия.
Шпаргалка
Шаблонные литералы используют обратные кавычки `` для создания строк и позволяют вставлять выражения с помощью ${}:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Вставляет userName внутрь строкиШаблонные литералы поддерживают многострочные строки без необходимости использования управляющих символов \n:
// Использование \n
const message1 = `Line 1\nLine 2`;
// Использование фактических переносов строк
const message2 = `Line 1
Line 2`;
// Оба варианта дают одинаковый результатПопробуйте сами
function greetAll(names) {
// Напишите свой код здесь
}
// Не пишите ничего вне функции
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Логика и поток
1Строки в деталях
Основы работы со строкамиИтерация по строкамШаблонные литералыМетоды строкИтоги — String Weaver4JSON Часть 2
Итерация по JSONВложенный JSONОпциональная цепочка JSONПоверхностное и глубокое копированиеПовторение — Магазин велосипедовПовторение — Солнечная система7Система управления библиотекой
Обзор проектаДобавление книг
Поиск по названиюФильтрация по жанруОтметить как прочитанное10Управление системой фестиваля
Обзор проектаДобавление фильмов и площадокДобавление сеансаПокупка билетовОценка фильмовОтмена сеансов2Многомерные массивы
Основы 2D массивовДоступ к элементам 2D массиваВложенные циклы и 2D массивыПовторение: 2D массивыСложение и вычитание матрицСтупенчатые массивы3D массивы и далееРаспространенные паттерны 2D массивовПовторение: всё о массивах5Множества. Часть 1
Что такое множество?Итерация по множествамДобавление элементаУдаление элементаПроверка наличия элементаРазмер и проверка на пустотуКопирование и очисткаИтоги — Основы множеств8Интересные темы о массивах
Деструктуризация массивовСинтаксис Spread в массивахРазреженные массивыИтоги — Воркшоп по массивам3JSON. Часть 1
Что такое JSON?Проверка наличия ключаМетоды объектовОператор spread. Часть 1Оператор spread. Часть 2Удаление ключейПовторение: манипуляции с ключами JSON