JavaScript: Конкатенация
В веб-разработке программы постоянно оперируют строками. Всё, что мы видим на сайтах, так или иначе представлено в виде текста. Этот текст чаще всего динамический, то есть полученный из разных частей, которые соединяются вместе. Операция соединения строк в программировании называется конкатенацией.
// Оператор такой же, как и при сложении чисел
// но здесь он имеет другой смысл (семантику)
console.log('Dragon' + 'stone');
// => DragonstoneСклеивание строк всегда происходит в том же порядке, в котором записаны операнды. Левый операнд становится левой частью строки, а правый — правой.
Вот еще несколько примеров:
console.log('Kings' + 'wood'); // => Kingswood
// Обратный порядок слов
console.log('road' + 'Kings'); // => roadKings
// Конкатенировать можно абсолютно любые строки
console.log("King's" + 'Landing'); // => King'sLandingКак видите, строки можно склеивать, даже если они записаны с разными кавычками.
В последнем примере название города получилось с ошибкой: King's Landing нужно писать через пробел. Но в наших начальных строках не было пробелов, а пробелы в самом коде слева и справа от символа + не имеют значения, потому что они не являются частью строк.
Выхода из этой ситуации два:
// Оба способа равнозначны
// Ставим пробел в левой части
console.log("King's " + 'Landing'); // => King's Landing
// Ставим пробел в правой части
console.log("King's" + ' Landing'); // => King's LandingПробел — такой же символ, как и другие. Чем больше пробелов, тем шире отступы:
console.log("King's " + ' Landing'); // => King's Landing
console.log("King's " + ' Landing'); // => King's LandingЗадание
Выведите на экран
Winter came for the House of Frey.
используя конкатенацию слов.
Полезное
Если в редакторе есть запись
// BEGINи// END, то код нужно писать между этими строчками.
Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект
Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества
Ваше упражнение проверяется по этим тестам
// @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('Winter came for the House of Frey.')
})Решение учителя откроется через:
20:00
