Question

所以我想做一些简单的事情，我想在控制台中将我的踪迹分成几行，使用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

我已经查看了其他几个看似相似的问题，但没有一个问题有帮助或正在讨论不同的事情。

谢谢你看看！

Answer 1

您应该将其包含在引号'\n'中，请参阅下文

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

Answer 2

在ES6 / ES2015中，您可以使用名为template literals的字符串文字语法。模板字符串使用反引号字符而不是单引号或双引号“。它们还保留新行和制表符

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

Answer 3

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

Answer 4

为什么不为每个var使用单独的console.log()，并用逗号分隔而不是将它们全部转换为字符串？这会给你单独的行，并给你每个变量的真实值而不是每个变量的字符串表示（假设它们可能都不是字符串）。

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

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

Answer 5

您需要添加换行符\n：

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

会显示：

第一行

第二行

Answer 6

使用

最糟糕的事情

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

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

[object Object]

因此，我的变体是下一个代码：

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

Answer 7

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

这对我来说非常适用于文本，而且很容易就可以了。

在控制台中追踪变量时，如何创建新行？

7 个答案: