コンソールで変数をトレースするとき、新しい行を作成するにはどうすればよいですか？

だから私は何か単純なことをやろうとしています、1つのconsole.logステートメントを使用して、コンソールのトレースを数行に分割したいと思います。

console.log('roleName = '+roleName+' role_ID = '+role_ID+' modal_ID = '+modal_ID+\n+'related = '+related);

上記をどのように記述して、以下を追跡しますか？

roleName = test
role_ID = test
modal_UD = test
related = test

の代わりに roleName = test role_ID = test modal_UD = test related = test

私は似ているように見える他のいくつかの質問をチェックしましたが、どれも助けていないか、別のことについて話していません。

ご覧いただきありがとうございます！

引用符で囲む必要があります '\n'。以下を参照してください。

console.log('roleName = '+roleName+ '\n' + 
             'role_ID = '+role_ID+  '\n' + 
             'modal_ID = '+modal_ID+ '\n' +  
             'related = '+related);

ES6 / ES2015では、テンプレートリテラルと呼ばれる文字列リテラル構文を使用できます。テンプレート文字列は、単一引用符 'または二重引用符 "の代わりにバックティック文字を使用します。また、新しい行とタブを保持します

const roleName = 'test1';
const role_ID = 'test2';
const modal_ID = 'test3';
const related = 'test4';
        
console.log(`
  roleName = ${roleName}
  role_ID = ${role_ID}
  modal_ID = ${modal_ID}
  related = ${related}
`);

簡単\nに、文字列にする必要があります。

console.log()varごとに個別に使用し、すべてを文字列に変換するのではなく、コンマで分離しないのはなぜですか？それはあなたに別々の行を与え、そしてそれぞれの文字列表現ではなく各変数の真の値を与えます（それらがすべて文字列ではないかもしれないと仮定します）。

console.log('roleName',roleName);
console.log('role_ID',role_ID);
console.log('modal_ID',modal_ID);
console.log('related',related);

そして、私はそれが読み/維持する方が簡単だと思います。

改行文字を追加する必要があります\n：

console.log('line one \nline two')

表示されます：

1行目

2行目

ちょうど使用の最悪のこと

console.log({'some stuff': 2} + '\n' + 'something')

すべてのものは文字列に変換されます。表示するオブジェクトが必要な場合は、次のように表示されます。

[object Object]

したがって、私の亜種は次のコードです：

console.log({'some stuff': 2},'\n' + 'something');

console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

これは、テキストのみの場合にうまく機能し、目に優しいです。