HTML DOM console.table() मेथड का उपयोग डेटा को एक सुव्यवस्थित टेबुलर फॉर्मेट में प्रदर्शित करने के लिए किया जाता है। इस मेथड का उपयोग जटिल एरे या ऑब्जेक्ट्स को विज़ुअलाइज़ करने के लिए किया जा सकता है। टेबल इस तरह से व्यवस्थित होती है कि एरे में प्रत्येक एलिमेंट टेबल में एक पंक्ति होगी। यह दो पैरामीटर्स लेता है: tabledata (अनिवार्य) और tablecolumns (वैकल्पिक)।
सिंटैक्स (Syntax)
console.table() मेथड का सिंटैक्स:
console.table(tabledata, tablecolumns);
यहां:
Tabledata एक अनिवार्य पैरामीटर वैल्यू है। यह टेबल भरने के लिए उपयोग किए जाने वाले डेटा को दर्शाता है। यह ऑब्जेक्ट या एरे टाइप का हो सकता है।
Tablecolumns एक वैकल्पिक पैरामीटर वैल्यू है। यह एक एरे पैरामीटर है जो निर्दिष्ट करता है कि टेबल में कौन से कॉलम प्रदर्शित किए जाने चाहिए।
उदाहरण (Example)
HTML DOM console.table() मेथड का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>console.table() Method</h1> <p>कंसोल टेबल बनाने के लिए नीचे दिए गए बटन पर क्लिक करें</p> <button type="button" onclick="createTable()">TABLE</button> <script> function createTable() { var fruit1 = { Name: "Mango", price: "100", color: "Yellow" }; var fruit2 = { Name: "Guava", price: "50", color: "Green" }; var fruit3 = { Name: "Strawberry", price: "150", color: "Red" }; console.table([fruit1, fruit2, fruit3], ["Name", "price"]); } </script> <p>कंसोल टैब में टेबल देखें</p> </body> </html>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
TABLE बटन पर क्लिक करने और कंसोल टैब में देखने पर:
उपरोक्त उदाहरण में:
हमने पहले एक TABLE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर createTable() फंक्शन को एक्जीक्यूट करेगा:
<button type="button" onclick="createTable()">TABLE</button>
createTable() मेथड के अंदर ऑब्जेक्ट्स के तीन एरे बनाए गए हैं। ऑब्जेक्ट्स के एरे को क्रमशः fruit1, fruit2 और fruit3 नाम दिया गया है। फिर ऑब्जेक्ट्स के एरे के नामों को कंसोल के table() मेथड में पहले पैरामीटर (tableData) के रूप में पास किया जाता है।
दूसरे वैकल्पिक पैरामीटर में हम उन कॉलम्स के नाम एरे के रूप में पास करते हैं जिन्हें हम टेबल में शामिल करना चाहते हैं। चूंकि हमने "Name" और "price" कॉलम निर्दिष्ट किए हैं; ये कॉलम टेबल में दिखाई देंगे और कोई "color" कॉलम नहीं होगा:
function createTable() { var fruit1 = { Name: "Mango", price: "100", color: "Yellow" }; var fruit2 = { Name: "Guava", price: "50", color: "Green" }; var fruit3 = { Name: "Strawberry", price: "150", color: "Red" }; console.table([fruit1, fruit2, fruit3], ["Name", "price"]); }
