জাভাস্ক্রিপ্টে অবজেক্ট ডিসপ্লে (JavaScript Display Objects)
জাভাস্ক্রিপ্টে অবজেক্ট ডিসপ্লে করার অর্থ হলো অবজেক্টের ভিতরের তথ্যগুলো (properties ও values) স্ক্রিনে বা কনসোলে প্রদর্শন করা। আমরা অবজেক্টকে বিভিন্ন ভাবে দেখাতে পারি, যেমনঃ console.log(), document.write(), JSON.stringify(), ইত্যাদি।
Display Using console.log()
<script>
let person = {
name: "Mehedi",
age: 28,
city: "Dhaka"
};
console.log(person);
</script>
উপরের কোডটি ব্রাউজারের কনসোলে অবজেক্টটি পূর্ণরূপে দেখাবে।
Display Using document.write()
এই মেথডটি ব্রাউজারের পেজে সরাসরি অবজেক্টের তথ্য লিখে দেয়।
<script>
document.write(person.name + " lives in " + person.city);
</script>
Display Using JSON.stringify()
JSON.stringify() অবজেক্টকে JSON স্ট্রিং-এ রূপান্তর করে এবং এটি HTML বা API-তে পাঠানোর জন্য উপযুক্ত হয়।
<script>
document.write(JSON.stringify(person));
// Output: {"name":"Mehedi","age":28,"city":"Dhaka"}
</script>
উপায় অনুযায়ী অবজেক্ট ডিসপ্লে
| পদ্ধতি | ব্যাখ্যা | উদাহরণ |
|---|---|---|
| console.log() | ব্রাউজার কনসোলে প্রদর্শন | console.log(obj) |
| document.write() | পেজে লিখে দেয় | document.write(obj.name) |
| JSON.stringify() | অবজেক্টকে স্ট্রিং বানায় | JSON.stringify(obj) |
Loop দিয়ে অবজেক্ট প্রদর্শন (for…in)
<script>
for (let key in person) {
document.write(key + ": " + person[key] + "<br>");
}
</script>
মেথড সহ অবজেক্ট ডিসপ্লে
<script>
let user = {
name: "Nadia",
greet: function() {
return "Hello " + this.name;
}
};
document.write(user.greet()); // Output: Hello Nadia
</script>
উপসংহার
অবজেক্ট ডিসপ্লে করার বিভিন্ন পদ্ধতি জানলে আপনি সহজেই ডেটা প্রদর্শন, ডিবাগ এবং ফ্রন্টএন্ডে ইউজারদের তথ্য দেখাতে পারবেন। প্রতিটি কৌশল নির্দিষ্ট ক্ষেত্রে কার্যকর, যেমনঃ কনসোল টেস্টিং, API ফরম্যাটিং, বা UI রেন্ডারিং।