如何在 JavaScript 中添加新行？

在 JavaScript 中添加新行

为提高可读性或格式化输出，在文本中添加新行是许多人普遍遇到的问题，而在 JavaScript 中，可以通过多种方式实现。那么我们实际如何做到这一点呢？可以通过多种技术和方法，例如使用转义字符、ES6 模板字面量、内置函数、console log 和 document write 方法。

以下是一些最常见的方法

使用转义字符

JavaScript 使用转义字符 \n 来指示我们希望在字符串中写入新行。它位于 字符串 的内部，它会告诉 JavaScript 解释器将内容分成新行。它会使用这些方法在你的 alerts 和 console logs 中起作用。

代码

输出

调用 Console log 方法

在不带任何参数的情况下调用 console.log() 会在控制台添加一个新行。通过在它们之间添加空格来分隔不同的输出，以便于查看，这尤其有用。

代码

输出

使用 document.write()

document.write() 方法通常用于直接写入 HTML 文档。这种方法使用 HTML 标签来添加新行。

代码

输出

使用 JavaScript document.writeln() 方法

document.writeln() 方法以与 document.write() 方法类似的方式而闻名，该方法还在你调用的命令之后添加一个行尾字符，因此对于逐行打印输出可能很有用。

代码

输出

结论

在 JavaScript 中，根据情况有不同的方法可以添加新行。可以使用转义字符、模板字面量或任何操作 DOM 的方法来以各种方式实现输出分割，因此请选择最适合你的方法。