콘솔에서 변수를 추적할 때 새 줄을 만드는 방법은?

콘솔에서 변수를 추적할 때 새 줄을 만드는 방법은?

그래서 간단한 작업을 하려고 합니다. 콘솔의 트레이스를 여러 줄로 나누고 싶습니다. 한 개의 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에서는 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}
`);

만만하다,\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' );

이것은 나에게 문자로만 사용할 수 있고, 보기에도 쉽습니다.

여러 줄의 템플릿 리터럴을 사용할 수도 있지만, 각 줄의 맨 앞에 불필요한 공백이 생기지 않도록 서식을 끊어야 합니다.

const roleName = 'Read';
const role_ID = '887623';
const modal_ID = '346433';
const related = 'related';

function foo() {
    if (true) {
        if (true) {
            console.log(
               `roleName = ${roleName}
                role_ID = ${role_ID}
                modal_ID = ${modal_ID}
                related = ${related}`
            );            
        }
    }
}

foo();

function bar() {
    if (true) {
        if (true) {
            console.log(
`roleName = ${roleName}
role_ID = ${role_ID}
modal_ID = ${modal_ID}
related = ${related}`
            );            
        }
    }
}

bar();

대신, 당신은 당신의 문자열을 배열하고 호출할 수 있습니다..join('\n'):

const roleName = 'Read';
const role_ID = '887623';
const modal_ID = '346433';
const related = 'related';

console.log([
    `roleName = ${roleName}`,
    `role_ID = ${role_ID}`,
    `modal_ID = ${modal_ID}`,
    `related = ${related}`
    ].join('\n')
)

언급URL : https://stackoverflow.com/questions/16239474/when-tracing-out-variables-in-the-console-how-to-create-a-new-line