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

Question

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

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

Làm thế nào bạn sẽ viết ở trên để theo dõi ra tiếp theo?

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

thay vì roleName = test ROLE_ID = test modal_UD = liên quan kiểm tra = test

Tôi đã kiểm tra ra một số câu hỏi khác mà xuất hiện tương tự, nhưng không ai đã giúp hoặc đang nói về một điều khác nhau.

Cảm ơn bạn đã xem!

Answer 1

Bạn nên kèm theo nó bên trong dấu ngoặc kép '\n', Xem dưới đây,

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

Answer 2

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

Answer 3

Bạn cần phải 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

Answer 4

Tại sao không chỉ sử dụng riêng biệt console.log() cho mỗi var và tách riêng bằng dấu phẩy thay vì chuyển đổi tất cả 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 thay vì biểu diễn chuỗi của mỗi biến (giả sử chúng có thể không phải là tất cả các 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ĩ sẽ dễ đọc/duy trì hơn.

Answer 5

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

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

là tất cả những thứ đượ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ể thấy tiếp theo:

[object Object] 

Như vậy biến thể của tôi là mã tiếp theo:

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

Answer 6

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

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

Answer 7

Trong ES6/ES2015, bạn có thể sử dụng cú pháp văn bản chuỗi được gọi là template literals. chuỗi mẫu sử dụng nhân vật backtick thay vì dấu nháy đơn 'hoặc dấu ngoặc kép kép". Họ cũng giữ gìn dòng mới và tab

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