js换行实现

使用模板字符串实现换行

模板字符串（反引号 `）允许直接插入换行符，换行会保留在字符串中：

const text = `第一行
第二行
第三行`;
console.log(text);

使用转义字符 \n

\n 是通用的换行符，可在普通字符串中使用：

const text = "第一行\n第二行\n第三行";
console.log(text);

通过 HTML 的 <br> 标签换行（适用于 DOM 操作）

在 HTML 中渲染换行时，需使用 <br> 标签：

document.getElementById("demo").innerHTML = "第一行<br>第二行<br>第三行";

使用 CSS 控制换行

通过 white-space 属性保留文本中的换行符（需配合 \n 使用）：

const element = document.getElementById("demo");
element.style.whiteSpace = "pre";
element.textContent = "第一行\n第二行\n第三行";

数组拼接换行符

将多行文本拆分为数组后通过 join('\n') 连接：

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

注意事项

• 控制台输出换行需用 \n 或模板字符串。
• HTML 渲染需区分 textContent（识别 \n 但需 CSS 支持）和 innerHTML（需 <br>）。
• 在 alert() 中换行仅支持 \n。