কিভাবে জাভাস্ক্রিপ্ট বস্তু কল্পনা করতে?
একটি জাভাস্ক্রিপ্ট অবজেক্ট রেন্ডারিং[object Object]আউটপুট দেয়।
উদাহরণ
// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; let text = person; // 'টেক্সট' এ "[অবজেক্ট অবজেক্ট]" রয়েছে।
সমাধান:
জাভাস্ক্রিপ্ট অবজেক্ট ভিজ্যুয়ালাইজ করার জন্য কিছু সমাধান:
- নামের দ্বারা বস্তুর বৈশিষ্ট্যগুলিকে ভিজ্যুয়ালাইজ করা
- একটি লুপে অবজেক্টের বৈশিষ্ট্য ভিজ্যুয়ালাইজ করা
Object.values()ব্যবহার করে বস্তুর ভিজ্যুয়ালাইজ করাJSON.stringify()ব্যবহার করে বস্তুর ভিজ্যুয়ালাইজ করা
উপাদান বৈশিষ্ট্য ভিজ্যুয়ালাইজেশন
একটি বস্তুর বৈশিষ্ট্য একটি স্ট্রিং যোগ করা যেতে পারে:
ব্যক্তি মানে
উদাহরণ
// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; // বৈশিষ্ট্য যোগ করুন let text = person.name + "," + person.age + "," + person.city; // 'টেক্সট'-এ "John,30,New York" থাকবে।
এর জন্য .. ইন লুপ ব্যবহার করা
একটি বস্তুর বৈশিষ্ট্য একটি লুপে সংগ্রহ করা যেতে পারে:
উদাহরণ
// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; // একটি পাঠ্য তৈরি করুন let text = ""; জন্য (ব্যক্তিতে x যাক) { পাঠ্য += ব্যক্তি[x] + ""; } // 'টেক্সট' তে "John 30 New York" থাকবে।
দ্রষ্টব্য:
আপনি লুপে আছেনperson[x]ব্যবহার করা উচিত।person.xকাজ করে না (কারণ x একটি লুপ পরিবর্তনশীল)।
ধাপে ধাপে লুপের জন্য:
let text = ""; // প্রথম পুনরাবৃত্তি: x = "নাম", ব্যক্তি[x] = "জন" // দ্বিতীয় পুনরাবৃত্তি: x = "বয়স", ব্যক্তি[x] = 30 // তৃতীয় পুনরাবৃত্তি: x = "শহর", ব্যক্তি[x] = "নিউ ইয়র্ক" // শেষ পাঠ্য: "জন 30 নিউ ইয়র্ক"
Object.values() ব্যবহার করে
Object.values()অ্যাট্রিবিউট মান থেকে একটি অ্যারে তৈরি করে:
উদাহরণ
// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; // একটি অ্যারে তৈরি করুন const myArray = Object.values(person); // myArray = ["জন", 30, "নিউ ইয়র্ক"] // অ্যারেটিকে একটি স্ট্রিংয়ে রূপান্তর করুন let text = myArray.toString(); // 'টেক্সট'-এ "John,30,New York" থাকবে।
ইনপুট বস্তু
Object.values()
বস্তু থেকে মান পুনরুদ্ধার করে
আউটপুট সারি
["John", 30, "New York"]
Object.entries() ব্যবহার করে
Object.entries()লুপগুলিতে বস্তুগুলি ব্যবহার করা সহজ করে তোলে:
উদাহরণ
const fruits = {Bananas:300, Oranges:200, Apples:500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "
"; } /* আউটপুট: কলা: 300টি
Oranges: 200
Apples: 500
*/
Object.entries() :
Object.entries()বস্তুটিকে [কী, মান] জোড়ার অ্যারেতে রূপান্তর করে:
Object.entries({Bananas:300, Oranges:200, Apples:500})
// : [["Bananas", 300], ["Oranges", 200], ["Apples", 500]]
JSON.stringify() ব্যবহার করে
JSON ফরম্যাটে জাভাস্ক্রিপ্ট অবজেক্টJSON.stringify()দিয়ে একটি স্ট্রিং এ রূপান্তর করা যেতে পারে
JSON.stringify()জাভাস্ক্রিপ্ট অন্তর্ভুক্ত এবং সমস্ত ব্রাউজারে সমর্থিত।
দ্রষ্টব্য:
ফলাফল JSON স্বরলিপিতে লেখা একটি স্ট্রিং হবে:{"name":"John","age":50,"city":"New York"}
উদাহরণ
// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; // বস্তুটিকে একটি স্ট্রিংয়ে রূপান্তর করুন let text = JSON.stringify(person); // 'টেক্সট'-এ থাকবে '{"name":"John","age":30,"city":"New York"}'
JSON.stringify() :
const person = {নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক"}; // সুন্দর মুদ্রণ: যাক prettyText = JSON.stringify(ব্যক্তি, নাল, 2); /* আউটপুট: { "নাম": "জন", "বয়স": 30, "শহর": "নিউ ইয়র্ক" } */
পদ্ধতির তুলনা
| পদ্ধতি | ব্যাখ্যা | আবেদন | আউটপুট উদাহরণ |
|---|---|---|---|
| অ্যাট্রিবিউট অ্যাক্সেস | নাম দ্বারা সরাসরি বৈশিষ্ট্য অ্যাক্সেস | যখন স্বতন্ত্র বৈশিষ্ট্য প্রয়োজন হয় | "John,30,New York" |
| লুপের জন্য. | সমস্ত গুণাবলী মাধ্যমে লুপ | সমস্ত গুণাবলী প্রক্রিয়া করা আবশ্যক | "John 30 New York " |
| Object.values() | মান একটি অ্যারে তৈরি | যখন শুধুমাত্র মান প্রয়োজন হয় | "John,30,New York" |
| Object.entries() | কী-মানের জোড়ার একটি অ্যারে | যখন কী এবং মান প্রয়োজন হয় | "John: 30, city: New York" |
| JSON.stringify() | JSON স্ট্রিং এ রূপান্তর করুন | JSON বিন্যাসে সংরক্ষণ/পাঠাতে হবে | '{"name":"John","age":30,"city":"New York"}' |
আরও জানুন
JavaScript Object Definitions
উপাদান সংজ্ঞা শিখুন
JavaScript Object Constructors
অবজেক্ট কনস্ট্রাক্টর শিখুন
JavaScript Object this
এই কিওয়ার্ড বুঝুন
JavaScript Object Destructuring
এছাড়াও উপাদান পৃথকীকরণ ব্যবহার করুন
JavaScript Object Prototypes
একটি প্রোটোটাইপ ব্যবহার করুন
JavaScript Object Iterations
উপাদান পুনরাবৃত্তি শিখুন