В TypeScript, как и во многих других языках программирования, разрывы строк часто обозначаются escape-последовательностью «\n». Однако в некоторых случаях вам может потребоваться заменить эти разрывы строк строками разрыва HTML («
»). В этой статье мы рассмотрим несколько методов достижения этой цели в TypeScript, а также примеры кода.

Метод 1: использование замены строки

const inputText: string = "Hello\nWorld!";
const outputText: string = inputText.replace(/\n/g, "<br>");
console.log(outputText);

Метод 2: использование разделения и соединения

const inputText: string = "Hello\nWorld!";
const outputText: string = inputText.split("\n").join("<br>");
console.log(outputText);

Метод 3: использование регулярного выражения и замена обратного вызова

const inputText: string = "Hello\nWorld!";
const outputText: string = inputText.replace(/(\r\n|\n|\r)/g, (match) => {
  if (match === "\n") {
    return "<br>";
  } else {
    return match;
  }
});
console.log(outputText);

Метод 4: использование литералов шаблона и разделения

const inputText: string = "Hello\nWorld!";
const outputText: string = inputText
  .split("\n")
  .map((line) => `<p>${line}</p>`)
  .join("");
console.log(outputText);

Метод 5: использование регулярного выражения и замена многострочным флагом

const inputText: string = "Hello\nWorld!";
const outputText: string = inputText.replace(/(\r\n|\n|\r)/gm, "<br>");
console.log(outputText);

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