116

所以我正在尝试做一些简单的事情,我想使用 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

我检查了其他几个看起来相似的问题,但没有一个有帮助或正在谈论不同的事情。

谢谢参观!

4

7 回答 7

195

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

console.log('roleName = '+roleName+ '\n' + 
             'role_ID = '+role_ID+  '\n' + 
             'modal_ID = '+modal_ID+ '\n' +  
             'related = '+related);
于 2013-04-26T15:01:03.213 回答
42

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

于 2016-06-23T00:40:42.237 回答
12

很简单,\n需要在字符串中。

于 2013-04-26T15:00:04.430 回答
8

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

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

而且我认为它会更容易阅读/维护。

于 2013-04-26T15:08:48.690 回答
5

您需要添加换行符\n

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

会显示:

第一行

第二行

于 2013-04-26T15:01:38.383 回答
4

最糟糕的事情就是使用

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

是所有东西都转换为字符串,如果您需要显示对象,您可能会看到下一个:

[object Object]

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

console.log({'some stuff': 2},'\n' + 'something');
于 2015-04-21T15:34:31.123 回答
4
console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

这对我来说非常适合仅用于文本,并且易于使用。

于 2015-07-15T17:56:41.557 回答