कंसोल में वेरिएबल्स को ट्रेस करते समय, नई लाइन कैसे बनाएं?


114

इसलिए मैं कुछ सरल करने की कोशिश कर रहा हूं, मैं 1 कंसोल.लॉग स्टेटमेंट का उपयोग करके कंसोल में अपने निशान को कई लाइनों में तोड़ना चाहता हूं:

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

मैंने कई अन्य प्रश्नों की जांच की है जो समान दिखाई देते हैं, लेकिन किसी ने भी मदद नहीं की है या एक अलग बात कर रहे हैं।

निगाह डालने के लिए धन्यवाद!

जवाबों:


191

आपको इसे उद्धरणों के अंदर शामिल करना चाहिए '\n', नीचे देखें,

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

1
स्वीट यह था धन्यवाद! मुझे यह देखने की ज़रूरत है कि यह कैसे लिखा गया था
लियोन गैबन

40

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



8

क्यों न केवल console.log()प्रत्येक संस्करण के लिए अलग-अलग उपयोग करें , और उन सभी को तार में परिवर्तित करने के बजाय अल्पविराम से अलग करें? यह आपको अलग-अलग लाइनें देगा, और आपको प्रत्येक के स्ट्रिंग प्रतिनिधित्व के बजाय प्रत्येक चर का सही मूल्य देगा (यह मानते हुए कि वे सभी तार नहीं हो सकते हैं)।

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

और मुझे लगता है कि इसे पढ़ना / बनाए रखना आसान होगा।


मैं कोड को प्रारूपित करने के तरीके की तलाश कर रहा था, जैसे @Vega ने इसे कैसे लिखा ... अधिक क्लीनर imho
लियोन गबन

4

आपको नई पंक्ति वर्ण जोड़ने की आवश्यकता है \n:

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

प्रदर्शित होगा:

एक लाइन

पंक्ति दो


4

सिर्फ इस्तेमाल करने की सबसे बुरी चीज

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

यह है कि सभी सामान स्ट्रिंग में बदल जाते हैं और यदि आपको दिखाने के लिए वस्तु की आवश्यकता है तो आप आगे देख सकते हैं:

[object Object]

इस प्रकार मेरा संस्करण अगला कोड है:

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

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

यह मेरे लिए केवल पाठ के लिए महान काम करता है, और आंख पर आसान है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.