Строковые шаблоны ES6: мощный инструмент для манипуляций со строками в JavaScript

Шаблоны строк ES6, также известные как литералы шаблонов, — это функция, представленная в ECMAScript 2015 (ES6), которая обеспечивает более удобный и гибкий способ работы со строками в JavaScript. Они позволяют встраивать выражения и переменные непосредственно в строку, используя обратные кавычки (`) в качестве разделителей.

Вот некоторые методы и функции, связанные со строковыми шаблонами ES6:

  1. Подстановка переменных. Строковые шаблоны ES6 позволяют заменять переменные непосредственно в строку, используя синтаксис ${}. Например:

    const name = 'John';
    const message = `Hello, ${name}!`;
    console.log(message); // Output: Hello, John!
  2. Выражения. Вы также можете оценивать выражения в строковых шаблонах ES6. Это может быть полезно для выполнения вычислений или манипулирования данными непосредственно внутри строки. Например:

    const price = 9.99;
    const quantity = 10;
    const total = `Total: $${price * quantity}`;
    console.log(total); // Output: Total: $99.90
  3. Многострочные строки: шаблоны строк ES6 сохраняют символы новой строки, что позволяет создавать многострочные строки без использования escape-символов. Например:

    const multiline = `
    This is a
    multiline
    string`;
    console.log(multiline);
    /* Output:
      This is a
      multiline
      string
    */
  4. Шаблоны с тегами. Строковые шаблоны ES6 поддерживают шаблоны с тегами, которые позволяют настраивать поведение литералов шаблона, добавляя к ним префикс функции. Это может быть полезно для расширенных манипуляций со строками или локализации. Например:

    function capitalize(strings, ...values) {
     return strings.map((str, index) =>
       index === 0 ? str : str[0].toUpperCase() + str.slice(1)
     ).join('') + values.join('');
    }
    
    const name = 'john';
    const message = capitalize`hello, ${name}!`;
    console.log(message); // Output: Hello, john!

Эти методы и функции строковых шаблонов ES6 обеспечивают более выразительный и гибкий способ работы со строками в JavaScript.