web-dev-qa-db-ja.com

コンソールで変数をトレースアウトするとき、新しい行を作成する方法は？

だから私は簡単なことをしようとしている、私は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の代わりに

同様のように見える他のいくつかの質問をチェックアウトしましたが、誰も助けていないか、別のことについて話していません。

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

javascriptjqueryconsoletrace
93
Leon Gaban

引用符'\n'内に含める必要があります。以下を参照してください。

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

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}
`);
33
Vlad Bezden

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

12
Andrei Nemes

各変数に個別のconsole.log()を使用し、それらをすべて文字列に変換するのではなく、コンマで区切らないのはなぜですか？これにより、個別の行が得られ、各変数の文字列表現ではなく、各変数の真の値が得られます（すべてが文字列ではない場合があります）。

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

そして、読みやすく、保守しやすいと思います。

7
Kevin B

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

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

表示されます：

一行目

2行目

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

これはテキストに対してのみ有効で、目には簡単です。

4
misterzik

ただ使用することの最悪のこと

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

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

[object Object]

したがって、私のバリアントは次のコードです：

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