console.log() JavaScript में सबसे अधिक उपयोग किया जाने वाला डिबगिंग टूल है। यह ब्राउज़र के डेवलपर कंसोल में संदेश, ऑब्जेक्ट्स, एरे, और कोई भी मान प्रिंट करता है।
उदाहरण
<!DOCTYPE html> <html> <head> <style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; }
.sample { font-size: 18px; font-weight: 500; color: #666; }
button { padding: 10px 20px; background: #6c757d; color: white; border: none; border-radius: 4px; cursor: pointer; }
</style> </head> <body>
<h1>console.log() उदाहरण</h1>
<button class="Btn">कंसोल में आउटपुट देखें (F12 दबाएं)</button>
<h3>ब्राउज़र डेवलपर टूल्स खोलें (F12) → Console टैब</h3>
<script>
const test = { a: 22, b: 'HELLO', c: 44 };
console.log("ऑब्जेक्ट:", test);
console.log('HELLO WORLD');
console.log("संख्या:", 42);
console.log("एरे:", [1, 2, 3]);
console.warn("चेतावनी संदेश");
console.error("त्रुटि संदेश");
console.table([{name: "रोहन", age: 22}, {name: "सोहन", age: 25}]);
console.group("समूह"); console.log("अंदर"); console.groupEnd();
console.time("टाइमर"); console.timeEnd("टाइमर");
</script> </body> </html>
कंसोल मेथड्स तुलना
| मेथड | उपयोग | स्टाइल |
|---|---|---|
log | सामान्य लॉगिंग | सामान्य |
info | सूचनात्मक | नीला आइकन (कुछ ब्राउज़र) |
warn | चेतावनी | पीला त्रिकोण |
error | त्रुटि | लाल क्रॉस |
table | टेबुलर डेटा | सॉर्टेबल टेबल |
group/groupEnd | समूहीकरण | कॉलेप्सिबल |
time/timeEnd | परफॉरमेंस मापन | मिलीसेकंड में समय |
trace | स्टैक ट्रेस | कॉल स्टैक |
प्रो टिप्स
console.log(%cस्टाइल्ड टेक्स्ट, "color: red; font-size: 20px;")- CSS स्टाइलिंगconsole.dir(obj)- ऑब्जेक्ट के सभी प्रॉपर्टीज देखेंconsole.assert(condition, msg)- केवल असफल होने पर लॉग- कॉमा सेपरेटेड मान:
console.log("मान:", val, "अन्य:", val2)