JavaScript で改行を書く
Harshit Jindal
2023年10月12日
- JavaScript で改行文字を使用して改行を追加する
- JavaScript でテンプレートリテラルを使用して改行を追加する
-
JavaScript の DOM 出力に HTML
<br>タグを使用して新しい行を追加する
状況と目的の出力に応じて、3つの方法で JavaScript に新しい行を追加できます。このチュートリアルでは、3つのシナリオすべてについて説明します。
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 の DOM 出力に HTML<br> タグを使用して新しい行を追加する
HTML で <br> タグを使用することにより、DOM を使用して改行を入れることができます。ただし、この方法は特に Web ページ用であり、コンソールでは機能しません。
例：
<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 として改行を含む文字列を追加します。
著者： 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