javascript换行

### 使用不同方法实现在 JavaScript 中字符串换行

#### 方法一：使用 `\n` 实现换行
当希望在 HTML 或者控制台输出中实现换行时，可以在字符串内部插入转义字符`\n`来达到目的。不过需要注意的是，在HTML环境中直接使用该方法可能不会生效，除非配合特定的CSS属性或是HTML标签一起使用[^1]。

let message = "这是第一行。\n这是第二行。";
console.log(message);

#### 方法二：利用模板字面量（Template Literals）
ES6引入了模板字面量的概念，允许开发者使用反引号 `` ` `` 来创建多行字符串，这种方式不仅简化了代码编写过程，而且使得阅读更加直观[^5]。

const multiLineString = `
这是一个跨越多行的文字，
每一行都会被自动识别并保持原有格式。
`;
console.log(multiLineString);

#### 方法三：通过 CSS 控制文本显示形式
为了使包含`\n`的字符串能够在网页上正确显示出换行效果，可以通过设置元素样式的`white-space`属性为`pre-wrap`等方式让浏览器按照预期渲染内容[^4]。

<div style="white-space: pre-wrap;">
    ${"这里是带有\\n换行符的第一句话。\n这是第二句"}
</div>

#### 方法四：借助 `<pre>` 标签展示预格式化文本
如果目标是在页面内精确地展现一段含有特殊空白字符（如空格、制表符以及换行）的内容，则可以直接采用`<pre>`标签包裹待显示的数据，并在其前适当位置添加`\n`以指示换行点[^3]。

<pre>${'一级标题,\n二级标题,\n三级标题,\n四级标题,\n五级标题'}</pre>