HTML DOM console.table() পদ্ধতিটি একটি সুসংগঠিত ট্যাবুলার বিন্যাসে ডেটা প্রদর্শন করতে ব্যবহৃত হয়। এই পদ্ধতিটি জটিল অ্যারে বা বস্তুকে কল্পনা করতে ব্যবহার করা যেতে পারে। টেবিলটি এমনভাবে সাজানো হয়েছে যে অ্যারের প্রতিটি উপাদান টেবিলের একটি সারি হবে। এটি দুটি প্যারামিটার লাগে টেবিলডেটা (বাধ্যতামূলক) এবং টেবিলকলাম (ঐচ্ছিক)।
সিনট্যাক্স
console.table() পদ্ধতি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলconsole.table( tabledata, tablecolumns);
এখানে -
-
টেবিলডেটা একটি বাধ্যতামূলক পরামিতি মান। এটি টেবিলটি পূরণ করার জন্য ব্যবহার করা ডেটা প্রতিনিধিত্ব করে। এটি টাইপ অবজেক্ট বা অ্যারের হতে পারে।
-
টেবিলকলামগুলি হল একটি ঐচ্ছিক প্যারামিটার মান৷ এটি একটি অ্যারে প্যারামিটার যা নির্দিষ্ট করে যে কলামগুলির মধ্যে কোনটি টেবিলে প্রদর্শিত হবে৷
উদাহরণ
আসুন HTML DOM console.table() পদ্ধতি -
-এর একটি উদাহরণ দেখিconsole.table() পদ্ধতি
একটি কনসোল টেবিল তৈরি করতে নীচের বোতামে ক্লিক করুন
কনসোল ট্যাবে টেবিলটি দেখুন
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
TABLE বোতামে ক্লিক করে এবং কনসোল ট্যাবে এটি দেখতে -
উপরের উদাহরণে -
আমরা প্রথমে একটি বোতাম টেবিল তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createTable() ফাংশন চালাবে৷
createTable() পদ্ধতিতে তিনটি অ্যারে অবজেক্ট তৈরি করা হয়েছে। বস্তুর বিন্যাস যথাক্রমে fruit1, fruit2 এবং fruit3 নামে পরিচিত। তারপর কনসোলের টেবিল() পদ্ধতিতে প্রথম প্যারামিটার (টেবলডেটা) হিসাবে অবজেক্টের অ্যারের নাম পাস করা হয়।
দ্বিতীয় ঐচ্ছিক প্যারামিটারে আমরা একটি অ্যারে হিসাবে কলামগুলির নাম পাস করি, আমরা টেবিলে অন্তর্ভুক্ত করতে চাই। যেহেতু আমরা "নাম" এবং "মূল্য" কলাম নির্দিষ্ট করেছি; এই কলামগুলি টেবিলে দেখা যাবে এবং কোন "রঙ" কলাম থাকবে না −
function createTable(){ var fruit1 ={ নাম:"আম", দাম:"100", রঙ:"হলুদ" } var fruit2 ={ নাম:"পেয়ারা", দাম:"50", রঙ:"সবুজ " } var fruit3 ={ নাম:"স্ট্রবেরি", মূল্য:"150", রঙ:"লাল" } কনসোল.টেবিল([ফল1, ফল2, ফল3], ["নাম","মূল্য"] }); প্রাক>