js 实现换行
在 JavaScript 中实现换行
使用 \n 字符
\n 是换行符,可以在字符串中使用它来创建换行效果。
示例代码:
console.log("第一行\n第二行");
输出结果:
第一行
第二行
使用模板字符串(ES6)
模板字符串支持多行文本,直接按回车键即可换行。
示例代码:

console.log(`第一行
第二行`);
输出结果:
第一行
第二行
在 HTML 中使用 <br> 标签
如果需要在 HTML 中显示换行,可以使用 <br> 标签。
示例代码:

document.getElementById("demo").innerHTML = "第一行<br>第二行";
HTML 显示效果:
第一行
第二行
使用 join 方法拼接数组
将多行文本放入数组,然后用 join("\n") 拼接。
示例代码:
const lines = ["第一行", "第二行"];
console.log(lines.join("\n"));
输出结果:
第一行
第二行
注意事项
- 在控制台或纯文本环境中,
\n是标准的换行方式。 - 在 HTML 中,需要使用
<br>或 CSS 的white-space: pre-line来实现换行效果。






