JavaScriptのconsole.logで改行（新しい行）を使う方法

はい、console.log()では「\n」を使って改行（新しい行）を出力できます。以下に具体的なコード例を示します。

コード例

const studentDetailsObject = new Object()
studentDetailsObject.name = 'David'
studentDetailsObject.subjectName = 'JavaScript'
studentDetailsObject.countryName = 'US'
studentDetailsObject.print = function(){
    console.log('hello David');
}
console.log("studentObject", "\n", studentDetailsObject);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo170.js として保存したものとします。

実行結果（出力）

このプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\javascript-code> node demo170.js
studentObject
{
    name: 'David',
    subjectName: 'JavaScript',
    countryName: 'US',
    print: [Function]
}

解説：console.logでの改行の仕組み

ポイントとなるのは、console.log() の引数にエスケープシーケンスである「\n」（改行文字）を含めている点です。

• 「\n」はJavaScriptにおける特殊文字（エスケープシーケンス）の一つで、出力時に新しい行へ移動する役割を持ちます。
• console.log() は複数の引数を受け取れるため、「"studentObject"」「"\n"」「オブジェクト」を順番に出力しています。
• その結果、ラベル名「studentObject」とオブジェクトの中身が別々の行に表示され、コンソールの出力が読みやすくなります。

補足：他の改行テクニック

改行を実現する方法は「\n」以外にもあります。

1. テンプレートリテラル内で直接改行する

const name = 'David';
console.log(`学生名: ${name}
科目: JavaScript`);

2. 複数のconsole.logを呼び出す

最もシンプルな方法です。改行文字を使わずとも、console.log() を複数回呼び出せば、それぞれの出力は自動的に別の行に表示されます。

console.log('studentObject');
console.log(studentDetailsObject);

状況に応じて使い分けることで、デバッグ時のコンソール出力を見やすく整えることができます。