0Pricing
JavaScript Academy · Урок

Шаблонные строки и основные операции со строками

Используйте шаблонные строки и основные методы строк; познакомьтесь с числами и основами Date

«Шаблонные строки и основные операции со строками» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 1 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.

Введение

Цель: форматировать текст с помощью шаблонных строк и использовать простые методы строк. Затем вы кратко познакомитесь с числами и датами.

  • Шаблонные строки
  • Распространённые операции со строками
  • Безопасное округление
  • Основы дат
Шаблонные строки и основные операции со строками — иллюстрация 1

Основы шаблонных строк

Используйте обратные кавычки и ${}, чтобы напрямую вставлять значения. Многострочный текст тоже создавать легко.

// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;

console.log(msg);

const lines = `Line 1
Line 2`;
console.log(lines);
Шаблонные строки и основные операции со строками — иллюстрация 2

Обзор методов строк

Потренируйтесь использовать длину, trim, toUpperCase, includes, indexOf, slice.

// Common string methods on a small example
const title = "  JavaScript Basics  ";

console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
Шаблонные строки и основные операции со строками — иллюстрация 3

Лаконичное форматирование

Шаблонные строки короче и удобнее для чтения, чем длинные цепочки с +.

// Concatenation with + versus template literals
const user = "Mina";
const points = 12;

const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;

console.log(viaPlus);
console.log(viaTpl);
Шаблонные строки и основные операции со строками — иллюстрация 4

Основы округления

Используйте Math.round, floor и ceil для получения целых чисел. toFixed возвращает строку с фиксированным количеством знаков после запятой.

// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;

const total = price * qty;
console.log("Total raw:", total);

console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));

// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
Шаблонные строки и основные операции со строками — иллюстрация 5

Краткий обзор дат

Создайте Date с помощью new Date(). Считывайте части с помощью методов получения и выводите ISO в стандартном формате.

// Date basics: now, parts, and ISO output
const now = new Date();

console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
Шаблонные строки и основные операции со строками — иллюстрация 6

Проверка шаблонных строк

Быстрая проверка: обратные кавычки и ${}.

Шаблонные строки и основные операции со строками — иллюстрация 7

Повторение

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

Шаблонные строки и основные операции со строками — иллюстрация 8

Часто задаваемые вопросы

Урок «Шаблонные строки и основные операции со строками» бесплатный?

Да — полный текст урока «Шаблонные строки и основные операции со строками» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Шаблонные строки и основные операции со строками»?

Используйте шаблонные строки и основные методы строк; познакомьтесь с числами и основами Date Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 3.

Сколько времени занимает урок «Шаблонные строки и основные операции со строками»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Шаблонные строки и основные операции со строками
  2. Числа — целые и дробные, основы Math
  3. Даты — основы, часовые пояса, Intl.DateTimeFormat
← Назад к JavaScript Academy