在控制台中查找变量时,如何创建新行?


114

因此,我试图做一些简单的事情,我想使用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

我已经检查了其他几个看起来相似的问题,但是没有一个问题有帮助或正在谈论另一件事。

谢谢参观!

Answers:


191

您应该将其包括在引号中 '\n',请参见下文,

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

1
甜蜜的,这就是谢谢!我需要看看它是怎么写的
Leon Gaban 2013年

40

在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}
`);



8

为什么不只console.log()对每个变量使用单独的,并用逗号分开而不是将它们全部转换为字符串呢?这将给您单独的行,并为您提供每个变量的真实值,而不是每个变量的字符串表示形式(假设它们可能不是全部)。

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

而且我认为这将更易于阅读/维护。


我一直在寻找一种格式化代码的方式,例如@Vega编写它的方式……更干净的恕我直言
Leon Gaban


4

最糟糕的是

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

是将所有内容都转换为字符串,并且如果需要显示对象,则可能会看到以下内容:

[object Object]

因此,我的变量是下一个代码:

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

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

这仅对文本有效,对我而言非常好用,而且很方便。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.