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

그래서 저는 간단한 일을하려고합니다. 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

나는 비슷한 것처럼 보이는 다른 몇 가지 질문을 확인했지만 아무도 도움이되지 않았거나 다른 것에 대해 이야기하지 않았습니다.

봐 주셔서 감사합니다!

따옴표 안에 포함해야합니다 '\n'. 아래를 참조하세요.

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

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

쉬움, \n문자열에 있어야합니다.

console.log()각 변수에 대해 개별적 으로 사용 하고 모두 문자열로 변환하는 대신 쉼표로 구분하여 사용하지 않는 이유는 무엇 입니까? 그것은 당신에게 별도의 줄을 제공하고 각각의 문자열 표현이 아닌 각 변수의 실제 값을 제공합니다 (모두 문자열이 아닐 수도 있다고 가정).

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

두 번째 줄

그냥 사용의 최악의 것은

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' );

이것은 텍스트에 대해서만 잘 작동하며 눈에 쉽습니다.