js 实现换行

使用 \n 换行符

在字符串中直接插入 \n 即可实现换行效果，适用于控制台输出或文本处理。

console.log("第一行\n第二行");

模板字符串换行

使用反引号（`）包裹的模板字符串支持直接换行，无需特殊符号。

console.log(`第一行
第二行`);

HTML 中的换行

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

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

正则表达式替换换行

通过正则表达式将特定符号（如 |）替换为换行符。

const text = "第一行|第二行";
console.log(text.replace(/\|/g, '\n'));

数组拼接换行

将数组元素用 \n 连接成字符串，适合动态生成多行内容。

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

CSS 控制换行

通过 CSS 的 white-space 属性实现文本换行显示。

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