在 JavaScript 中寫新行
Harshit Jindal
2023年1月30日
2022年5月10日
根據情況和我們想要的輸出，我們可以通過三種方式在 JavaScript 中新增新行。本教程討論了所有三種情況。
在 JavaScript 中使用換行符新增新行
在 JavaScript 中，\n 符號代表換行符。如果我們需要在控制檯上列印不同行的單詞，我們可以在字串內部使用\n 來引入換行符。
例子：
let str = "This is in line 1.\nThis is in line 2.";
console.log(str);
輸出：
This is in line 1.
This is in line 2.
在 JavaScript 中使用模板文字新增新行
模板文字是 JavaScript 將變數和表示式插入字串、帶引號的字串和多行字串的方法。它們用反引號括起來，使得在 JavaScript 中引入新行變得更容易。
例子：
let str = `This is in line 1.
This is in line 2.`;
console.log(str);
輸出：
This is in line 1.
This is in line 2.
在 JavaScript 中使用 HTML <br> 標記向 DOM 輸出新增新行
我們可以通過在 HTML 中使用 <br> 標記來使用 DOM 進行換行。但此方法專門針對網頁，不適用於控制檯。
例子：
<body>
<div id="addNewline"></div>
<script>
let element = document.getElementById("addNewline");
element.innerHTML = "Hello World!<br/>This is my string";
</script>
</body>
輸出：
Hello World!
This is my string
在這裡，我們選擇一個 HTML 元素，並在其內部的 HTML 中新增一個帶有換行符的字串。
Author: Harshit Jindal
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn