JavaScriptУрок 4 из 16

Строки и шаблонные строки

Почти всё, что программа показывает человеку, — это строки. У строк JavaScript много готовых методов, а шаблонные строки в обратных кавычках склеивают текст и значения без лишних плюсов.

Главное

length — длина строки, word[0] — первый символ, word.at(-1) — последний
toUpperCase() и toLowerCase() меняют регистр, trim() убирает пробелы по краям
slice(0, 3) вырезает кусок, includes("…") проверяет, есть ли подстрока
Шаблонная строка: `Hi, ${name}!` — внутри ${} можно писать любое выражение
Методы не меняют исходную строку, а возвращают новую

Пример

const word = "JavaScript";console.log(word.length);console.log(word.toUpperCase(), word[0], word.at(-1));console.log(word.slice(0, 4), word.includes("Script"));console.log("  hi  ".trim() + "!"); const user = "Lea";console.log(`Hi, ${user}! 2 + 3 = ${2 + 3}`);

Методы можно вызывать цепочкой: сначала trim, потом toUpperCase. В шаблонной строке ${2 + 3} сначала считается, а потом вставляется.

Задание

Как пользоваться редактором⌘ Enter или Ctrl Enter — запустить код, ⇧ ⌘ Enter — проверить задание.Tab и Shift Tab сдвигают строку или выделение; Esc, затем Tab — выйти из редактора.Проверка сравнивает то, что напечатала программа, с заданием; пробелы в конце строк не важны.После двух неудачных проверок можно открыть решение. Ваш код сохраняется в этом браузере.

Кофейня печатает талон заказа. Очистите имя (без пробелов по краям, заглавными), соберите код выдачи из первых трёх букв напитка заглавными, дефиса и длины имени и выведите три строки: Order for SAM: flat white, Total: 4.50 USD и Pickup code: FLA-3.

// A coffee app prints the order ticketconst rawName = "  sam  ";const drink = "flat white";const price = 4.5; // TODO: clean the name: no spaces around it, all capital lettersconst name = rawName;// TODO: pickup code = first 3 letters of the drink in capitals + "-" + name lengthconst code = ""; // TODO: print three lines with template literals:// Order for SAM: flat white// Total: 4.50 USD// Pickup code: FLA-3

// A coffee app prints the order ticket
const rawName = "  sam  ";
const drink = "flat white";
const price = 4.5;

// TODO: clean the name: no spaces around it, all capital letters
const name = rawName;
// TODO: pickup code = first 3 letters of the drink in capitals + "-" + name length
const code = "";

// TODO: print three lines with template literals:
// Order for SAM: flat white
// Total: 4.50 USD
// Pickup code: FLA-3

Вывод

Здесь появится то, что напечатает программа.