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

Метод 1. Использование функции replace() с регулярным выражением.
Первый метод предполагает использование функции replace()вместе с регулярным выражением для удаления разрывов строк. Вот пример:

const multiLineString = `Hello,
World!`;
const singleLineString = multiLineString.replace(/\n/g, "");
console.log(singleLineString);

Выход:

Hello,World!

Метод 2: использование функции обрезки().
Другой простой подход — использование функции trim(), которая удаляет начальные и конечные пробелы, включая разрывы строк. Вот пример:

const multiLineString = `
    This is
    a multi-line
    string.
`;
const singleLineString = multiLineString.trim();
console.log(singleLineString);

Выход:

This is
a multi-line
string.

Метод 3. Соединение строк с помощью функций Split() и join().
В этом методе мы разбиваем многострочную строку на массив строк с помощью функции split(), удаляем строка разрывается, а затем снова соедините строки вместе с помощью функции join(). Вот пример:

const multiLineString = `
    JavaScript
    template
    literals
    are awesome!
`;
const singleLineString = multiLineString.split('\n').join('');
console.log(singleLineString);

Выход:

JavaScripttemplateliteralsareawesome!

Метод 4. Использование флага регулярного выражения «s».
Флаг «s» в регулярных выражениях обрабатывает входные данные как одну строку, а это означает, что метасимволы точки также соответствуют разрывам строк. Это позволяет нам заменять разрывы строк пустой строкой. Вот пример:

const multiLineString = `
    Welcome
    to the
    world
    of JavaScript!
`;
const singleLineString = multiLineString.replace(/[\n\r]/gs, "");
console.log(singleLineString);

Выход:

Welcome to the world of JavaScript!

Метод 5: использование функций Split() и join() (альтернатива)
Подобно методу 3, этот подход разбивает многострочную строку на массив строк с помощью split()удаляет все разрывы строк, а затем объединяет строки с помощью функции join(). Однако в этом методе мы используем другое регулярное выражение для разделения строк. Вот пример:

const multiLineString = `
    JavaScript
    template
    literals
    are amazing!
`;
const singleLineString = multiLineString.split(/[\r\n]+/g).join('');
console.log(singleLineString);

Выход:

JavaScripttemplateliteralsareamazing!

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