JS 中的新行 - JavaScript

在 JavaScript 中，换行通常是指转义字符 \n。但是，只使用 \n 来创建新行并不总是适用于所有情况。在本文中，将介绍 JavaScript 中创建新行的方法。

1. 使用模板字符串

使用模板字符串可以更方便地创建新行。

console.log(`第一行
中间的新行
最后一行`);

在模板字符串中，可以使用多行文本而不需要使用转义字符。在上面的示例中，每行文本都以反单引号 ` 开始和结束。

结果输出：

第一行
中间的新行
最后一行

2. 使用字符串连接符

在旧版本的 JavaScript 中，通常可以使用字符串连接符 + 来创建新行。

console.log("第一行" + "\n" +
"中间的新行" + "\n" +
"最后一行");

在上面的示例中，使用了字符串连接符 + 并添加了转义字符 \n 来创建新行。这是一种不推荐使用的方法，因为它在处理大型文本字符串时会变得非常丑陋。

3. 通过 DOM 操作创建新行

可以使用 JavaScript DOM 操作来创建 HTML 元素，并在其中添加新行。这种方法适用于在 HTML 文档中动态创建内容的情况。

var br = document.createElement("BR");
document.body.appendChild(br);

在上面的示例中，使用 document.createElement() 方法创建一个 BR 元素，并使用 appendChild() 方法将该元素添加到文档的 body 中。

4. 使用 Array 的 join() 方法

还可以使用 JavaScript 中的数组对象来创建新行。通过使用 join() 方法以及字符串连接符 + 将数组的元素合并为单个字符串即可。

var lines = ["第一行", "中间的新行", "最后一行"];
console.log(lines.join("\n"));

在上面的示例中，创建了一个包含所需文本的字符串数组。这些行用字符串连接符 +（或者可以使用字符串插值）连接在一起，然后使用 join() 和\n 作为参数，将数组中的所有行合并为单个字符串并打印输出。

以上是 JavaScript 中创建新行的几种方法。使用这些技巧，可以编写更干净、更可读且易于维护的代码。