Khi truy tìm các biến trong bảng điều khiển, Làm thế nào để tạo một dòng mới?

Vì vậy, tôi đang cố gắng làm một điều gì đó đơn giản, tôi muốn chia các dấu vết của mình trong bảng điều khiển thành nhiều dòng, sử dụng 1 câu lệnh console.log:

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

Bạn sẽ viết như thế nào ở trên để tìm ra những điều sau đây?

roleName = test
role_ID = test
modal_UD = test
related = test

thay vì roleName = test role_ID = test modal_UD = test related = test

Tôi đã kiểm tra một số câu hỏi khác có vẻ tương tự, nhưng không câu nào hữu ích hoặc đang nói về một điều khác.

Cảm ơn đã dành một cái nhìn!

Bạn nên bao gồm nó bên trong dấu ngoặc kép '\n', Xem bên dưới,

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

Trong ES6 / ES2015, bạn có thể sử dụng cú pháp chuỗi ký tự được gọi là chuỗi ký tự mẫu . Chuỗi mẫu sử dụng ký tự hình nền thay vì dấu nháy đơn 'hoặc dấu nháy kép ". Chúng cũng giữ nguyên dòng và tab mới

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

Dễ dàng, \ncần phải có trong chuỗi.

Tại sao không chỉ sử dụng riêng biệt console.log()cho từng var và phân tách bằng dấu phẩy thay vì chuyển đổi tất cả chúng thành chuỗi? Điều đó sẽ cung cấp cho bạn các dòng riêng biệt VÀ cung cấp cho bạn giá trị thực của mỗi biến chứ không phải là biểu diễn chuỗi của mỗi biến (giả sử tất cả chúng có thể không phải là chuỗi).

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

Và tôi nghĩ rằng nó sẽ dễ dàng hơn để đọc / bảo trì.

Bạn cần thêm ký tự dòng mới \n:

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

sẽ hiển thị:

dòng một

dòng hai

Điều tồi tệ nhất của việc chỉ sử dụng

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

là tất cả nội dung được chuyển đổi thành chuỗi và nếu bạn cần đối tượng hiển thị, bạn có thể xem tiếp theo:

[object Object]

Do đó, biến thể của tôi là mã tiếp theo:

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

Điều này phù hợp với tôi chỉ đối với văn bản và dễ nhìn.