Форматирование строк — это распространенная задача в JavaScript, которая включает в себя манипулирование текстовыми данными и их представление в желаемом формате. В этой статье мы рассмотрим различные методы форматирования строк в JavaScript, а также примеры кода для каждого подхода. Эти методы включают интерполяцию строк, литералы шаблонов, конкатенацию, регулярные выражения и функции форматирования. Давайте погрузимся!

1. Интерполяция строк:
   Интерполяция строк позволяет встраивать выражения в строковый литерал. Это достигается с помощью литералов шаблона, обозначаемых обратными кавычками (`), and placeholders within${}`. Вот пример:

const name = 'John';
const age = 25;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message);

Выход:

My name is John and I am 25 years old.

2. Литералы шаблонов.
   Литералы шаблонов обеспечивают большую гибкость форматирования строк, позволяя создавать многострочные строки и выполнять оценку выражений. Вот пример:

const product = 'Apple';
const quantity = 5;
const price = 1.2;
const totalPrice = quantity * price;
const invoice = `
Product: ${product}
Quantity: ${quantity}
Total Price: $${totalPrice.toFixed(2)}
`;
console.log(invoice);

Выход:

Product: Apple
Quantity: 5
Total Price: $6.00

3. Объединение строк.
   Объединение строк – это базовый метод, который предполагает объединение строк с помощью оператора +. Пример:

const firstName = 'John';
const lastName = 'Doe';
const fullName = firstName + ' ' + lastName;
console.log(fullName); // John Doe

4. Регулярные выражения.
   Регулярные выражения можно использовать для расширенного форматирования строк, например для замены или сопоставления определенных шаблонов. Вот пример замены заполнителей фактическими значениями:

const template = 'Hello, {name}! Today is {day}.';
const values = { name: 'John', day: 'Monday' };
const formattedString = template.replace(/\{(\w+)\}/g, (match, key) => values[key]);
console.log(formattedString); // Hello, John! Today is Monday.

5. Функции форматирования.
   Вы можете создавать собственные функции форматирования для достижения сложного форматирования строк. Вот пример функции, форматирующей строку даты:

function formatDate(date) {
  const [year, month, day] = date.split('-');
  return `${day}/${month}/${year}`;
}
const dateString = '2022-01-01';
const formattedDate = formatDate(dateString);
console.log(formattedDate); // 01/01/2022

В этой статье мы рассмотрели несколько методов форматирования строк в JavaScript. Эти методы включают в себя интерполяцию строк с помощью шаблонных литералов, конкатенацию строк, регулярные выражения для сопоставления и замены шаблонов, а также использование пользовательских функций форматирования. Используя эти методы, вы можете добиться гибкого и динамического форматирования строк в своих приложениях JavaScript.

Не забудьте выбрать подходящий метод в зависимости от ваших конкретных требований и стиля кодирования. Приятного форматирования строк в JavaScript!