Saat menelusuri variabel di konsol, Bagaimana cara membuat baris baru?

114

Jadi saya mencoba melakukan sesuatu yang sederhana, saya ingin memecah jejak saya di konsol menjadi beberapa baris, menggunakan 1 pernyataan console.log:

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

Bagaimana Anda akan menulis di atas untuk menelusuri hal-hal berikut?

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

dari pada roleName = test role_ID = test modal_UD = test related = test

Saya telah memeriksa beberapa pertanyaan lain yang tampaknya serupa, tetapi tidak ada yang membantu atau berbicara tentang hal yang berbeda.

Terima kasih sudah melihatnya!

Leon Gaban
sumber

Jawaban:

191

Anda harus memasukkannya di dalam tanda kutip '\n', Lihat di bawah,

console.log('roleName = '+roleName+ '\n' + 
             'role_ID = '+role_ID+  '\n' + 
             'modal_ID = '+modal_ID+ '\n' +  
             'related = '+related);
Selvakumar Arumugam
sumber
1
Manis ini dia terima kasih! Saya perlu melihat bagaimana itu ditulis
Leon Gaban
40

Di ES6 / ES2015 Anda dapat menggunakan sintaks literal string yang disebut literal template . String template menggunakan karakter backtick dan bukan tanda petik tunggal atau tanda petik ganda ". Mereka juga mempertahankan baris dan tab baru

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

Vlad Bezden
sumber
12

Gampang, \nperlu di string.

Andrei Nemes
sumber
8

Mengapa tidak hanya menggunakan terpisah console.log()untuk setiap var, dan pisahkan dengan koma daripada mengonversi semuanya menjadi string? Itu akan memberi Anda baris terpisah, DAN memberi Anda nilai sebenarnya dari setiap variabel daripada representasi string masing-masing (dengan asumsi mereka mungkin tidak semuanya string).

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

Dan menurut saya akan lebih mudah untuk membaca / memelihara.

Kevin B
sumber
Saya sedang mencari cara untuk memformat kode seperti bagaimana @Vega menulisnya ... lebih bersih imho
Leon Gaban
4

Anda perlu menambahkan karakter baris baru \n:

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

akan menampilkan:

baris satu

baris dua

Justin Bicknell
sumber
4

Hal terburuk dari menggunakan just

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

adalah bahwa semua hal diubah menjadi string dan jika Anda membutuhkan objek untuk ditampilkan, Anda dapat melihat selanjutnya:

[object Object]

Jadi varian saya adalah kode berikutnya:

console.log({'some stuff': 2},'\n' + 'something');
Viktor Soroka
sumber
4
console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

Ini bekerja sangat baik untuk saya hanya untuk teks, dan mudah dilihat.

misterzik.dll
sumber