HTML DOM console.table() মেথড ডেটা একটি সুশৃঙ্খল টেবুলার ফরম্যাটে দেখানোর জন্য ব্যবহৃত হয়। এই মেথডটি জটিল অ্যারে বা অবজেক্ট ভিজ্যুয়ালাইজ করতে ব্যবহৃত হতে পারে। টেবিলটি এইভাবে সংগঠিত থাকে যে অ্যারেতে প্রতিটি এলিমেন্ট টেবিলে একটি রো হবে। এটি দুটি প্যারামিটার নেয় tabledata (বাধ্যতামূলক) এবং tablecolumns (অপশনাল)।
সিনট্যাক্স
console.table() মেথডের সিনট্যাক্স নিচে দেওয়া হলো -
console.table( tabledata, tablecolumns );
এখানে -
Tabledata একটি বাধ্যতামূলক প্যারামিটার ভ্যালু। এটি টেবিল পূরণের জন্য kullanılacak ডেটা রিপ্রেজেন্ট করে। এটি অবজেক্ট বা অ্যারে টাইপের হতে পারে।
Tablecolumns একটি অপশনাল প্যারামিটার ভ্যালু। এটি একটি অ্যারে প্যারামিটার যা স্পেসিফাই করে কোন কলামগুলো টেবিলে দেখানো হবে।
উদাহরণ
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> </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে -
TABLE বাটনে ক্লিক করলে এবং কনসোল ট্যাবে দেখলে -
উপরের উদাহরণে -
আমরা প্রথমে একটি TABLE বাটন তৈরি করেছি যা ইউজার ক্লিক করলে createTable() ফাংশন এক্সিকিউট করবে।
<button type="button" onclick="createTable()">TABLE</button>
createTable() মেথডে তিনটি অবজেক্ট অ্যারে তৈরি করা হয়েছে। অবজেক্ট অ্যারেগুলোর নাম fruit1, fruit2 এবং fruit3। তারপর অ্যারে অবজেক্টগুলোর নাম প্রথম প্যারামিটার (tableData) হিসেবে console-র table() মেথডে পাস করা হয়েছে।
দ্বিতীয় অপশনাল প্যারামিটার হিসেবে আমরা কলামের নামগুলো অ্যারে হিসেবে পাস করি যেগুলো টেবিলে দেখাতে চাই। যেহেতু আমরা "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"]); }
