如何在模板文字中添加新行 Javascript

在Javascript中，我们通常使用字符串模板来动态生成文本内容。但是，有时候我们需要向文本中添加新行，以使其更易读或更结构化。下面介绍几种方法来在模板文字中添加新行。

使用换行字符

我们可以使用“\n”作为换行符来添加新行。例如：

const str = `第一行\n第二行\n第三行`;
console.log(str);

这将打印出：

第一行
第二行
第三行

使用模板字符串嵌套

我们可以使用模板字符串嵌套来添加新行。例如：

const str = `第一行
${'第二行'}
第三行`;
console.log(str);

这将打印出：

第一行
第二行
第三行

使用Array.join()

我们可以将多个字符串放入一个数组中，然后使用Array.join()方法将它们连接成一个字符串，并在它们之间添加新行。例如：

const strArr = ['第一行', '第二行', '第三行'];
const str = strArr.join('\n');
console.log(str);

这将打印出：

第一行
第二行
第三行

以上三种方法，任选其一，你都可以轻松在模板文字中添加新行。