Logo
Книга для начинающих
ВходРегистрация
/
Программирование
/
Курс JavaScript
/

Переменные и конкатенация

JavaScript: Переменные и конкатенация

Для закрепления предыдущей темы, попробуем использовать переменные с конкатенацией. Синтаксически ничего не меняется: мы умеем конкатенировать (склеивать) две строки:

let what = 'Kings' + 'road';
console.log(what); // => Kingsroad

… а значит сумеем конкатенировать строку и одну переменную, в которой записана строка:

let first = 'Kings';
let what = first + 'road';

console.log(what); // => Kingsroad

… и даже конкатенировать две переменные, в которых записаны строки:

let first = 'Kings';
let last = 'road';

let what = first + last;
console.log(what); // => Kingsroad

Задание

Сайты постоянно посылают письма своим пользователям. Типичная задача — сделать автоматическую отправку персонального письма, где в заголовке будет имя пользователя. Если где-то в базе сайта хранится имя человека в виде строки, то задача генерации заголовка сводится к конкатенации: например, нужно склеить строку Здравствуйте со строкой, где записано имя.

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

Для заголовка используйте переменные firstName и greeting, запятую и восклицательный знак. Выведите это на экран в правильном порядке.

Для тела письма используйте переменные info и intro, при этом второе предложение должно быть на новой строке.

Результат на экране будет выглядеть так:

Hello, Joffrey! Here is important information about your account security. We couldn't verify your mother's maiden name.

Выполните задание, используя только два console.log().

Коммерческий опыт и Трудоустройство

Полезное

  • Подумайте, с какой строкой и в каком порядке нужно склеивать переменные, чтобы получить такой двухстрочный вывод тела письма.

  • Помните, что можно создать строку, которая содержит только управляющую последовательность \n.

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

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

Привет! Я Тота и моя задача помочь в обучении. Чтобы активировать меня, нужно зарегистрироваться или залогиниться, если у вас уже есть аккаунт

  1. Привет, Мир!
  2. Комментарии
  3. Инструкции (Statements)
  4. Как мы проверяем ваши решения
  5. Синтаксические ошибки
  6. Арифметические операции
  7. Операторы
  8. Коммутативная операция
  9. Композиция операций
  10. Приоритет операций
  11. Числа с плавающей точкой
  12. Бесконечность (Infinity)
  13. NaN
  14. Линтер
  15. Кавычки
  16. Экранирующие последовательности
  17. Конкатенация
  18. Кодировка
  19. Что такое переменная
  20. Изменение переменной
  21. Выбор имени переменной
  22. Ошибки при работе с переменными
  23. Выражения в определениях
  24. Переменные и конкатенация
  25. Стили именования
  26. Магические числа
  27. Константы
  28. Интерполяция
  29. Извлечение символов из строки
  30. Типы данных
  31. undefined
  32. Неизменяемость примитивных типов
  33. Слабая типизация
  34. Функции и их вызов
  35. Математические функции JavaScript
  36. Сигнатура функции
  37. Параметры по умолчанию
  38. Вызов функции — выражение
  39. Функции с переменным числом параметров
  40. Детерминированность
  41. Стандартная библиотека
  42. Свойства
  43. Методы
  44. Неизменяемость
  45. Свойства и методы как выражения
  46. Цепочка вызовов
  47. Создание (определение) функций
  48. Возврат значений
  49. Параметры функций
  50. Необязательные параметры функций
  51. Упрощенный синтаксис функций
  52. Логический тип
  53. Предикаты
  54. Комбинирование логических операций
  55. Логические операторы
  56. Отрицание
  57. Результат логических выражений
  58. Условная конструкция (if)
  59. else
  60. Конструкция else if
  61. Тернарный оператор
  62. Конструкция Switch
  63. Цикл While
  64. Агрегация данных (Числа)
  65. Агрегация данных (Строки)
  66. Обход строк
  67. Условия внутри тела цикла
  68. Формирование строк в циклах
  69. Синтаксический сахар
  70. Инкремент и декремент
  71. Возврат из циклов
  72. Цикл For
/
Программирование
/
Курс JavaScript
/

Переменные и конкатенация

JavaScript: Переменные и конкатенация

Для закрепления предыдущей темы, попробуем использовать переменные с конкатенацией. Синтаксически ничего не меняется: мы умеем конкатенировать (склеивать) две строки:

let what = 'Kings' + 'road';
console.log(what); // => Kingsroad

… а значит сумеем конкатенировать строку и одну переменную, в которой записана строка:

let first = 'Kings';
let what = first + 'road';

console.log(what); // => Kingsroad

… и даже конкатенировать две переменные, в которых записаны строки:

let first = 'Kings';
let last = 'road';

let what = first + last;
console.log(what); // => Kingsroad

Задание

Сайты постоянно посылают письма своим пользователям. Типичная задача — сделать автоматическую отправку персонального письма, где в заголовке будет имя пользователя. Если где-то в базе сайта хранится имя человека в виде строки, то задача генерации заголовка сводится к конкатенации: например, нужно склеить строку Здравствуйте со строкой, где записано имя.

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

Для заголовка используйте переменные firstName и greeting, запятую и восклицательный знак. Выведите это на экран в правильном порядке.

Для тела письма используйте переменные info и intro, при этом второе предложение должно быть на новой строке.

Результат на экране будет выглядеть так:

Hello, Joffrey! Here is important information about your account security. We couldn't verify your mother's maiden name.

Выполните задание, используя только два console.log().

Коммерческий опыт и Трудоустройство

Полезное

  • Подумайте, с какой строкой и в каком порядке нужно склеивать переменные, чтобы получить такой двухстрочный вывод тела письма.

  • Помните, что можно создать строку, которая содержит только управляющую последовательность \n.

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
← ПредыдущийСледующий →
Loading...
← ПредыдущийСледующий →
← ПредыдущийСледующий →

Ваше упражнение проверяется по этим тестам

// @ts-check

import { expect, test, vi } from 'vitest'

test('hello world', async () => {
  const consoleLogSpy = vi.spyOn(console, 'log').mockImplementation(() => { });
  await import('./index.js')

  const firstArg = consoleLogSpy.mock.calls.join('\n');

  expect(firstArg).toBe("Hello, Joffrey!\nHere is important information about your account security.\nWe couldn't verify your mother's maiden name.")
})
← ПредыдущийСледующий →

Решение учителя откроется через:

20:00

waiting_clock
← ПредыдущийСледующий →