JavaScript | Как вставить переменную в строку?

У нас есть строка:

var stroka = "Привет! Как твои дела?"

Мы хотим подставлять в нужное место строки свои строковые значения из переменных. Как это сделать?

В JavaScript существует 3 способа объявления строк:

  1. Через двойные кавычки — "
  2. Через одинарные кавычки — '
  3. Через обратные кавычки — `

Когда мы объявляем строку через обратные кавычки (``), тогда у нас появляется возможность добавлять в строку переменные при помощи экранирующей конструкции ${}.

${}

Давайте создадим новую переменную, которая будет хранить имя человека:

var efim = "Ефим"

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

var stroka = `Привет ${efim}! Как твои дела?`

Смотрим вывод в консоль браузера:

Добавили переменную в строку - JavaScript
Добавили переменную в строку — JavaScript

Информационные ссылки

JavaScript | Строки (String)

Стандарт ECMAScript — Раздел «12.8.6 Template Literal Lexical Components» — Лексические компоненты шаблонного литерала — https://tc39.es/ecma262/#sec-template-literal-lexical-components

Поделись записью