JavaScript Display Objects

জানুন কিভাবে জাভাস্ক্রিপ্ট অবজেক্ট কল্পনা করতে হয়

কিভাবে জাভাস্ক্রিপ্ট বস্তু কল্পনা করতে?

একটি জাভাস্ক্রিপ্ট অবজেক্ট রেন্ডারিং[object Object]আউটপুট দেয়।

উদাহরণ

// একটি বস্তু তৈরি করুন const person = { নাম: "জন", বয়স: 30, শহর: "নিউ ইয়র্ক" }; let text = person; // 'টেক্সট' এ "[অবজেক্ট অবজেক্ট]" রয়েছে।

🔍সমাধান:

জাভাস্ক্রিপ্ট অবজেক্ট ভিজ্যুয়ালাইজ করার জন্য কিছু সমাধান:

  • নামের দ্বারা বস্তুর বৈশিষ্ট্যগুলিকে ভিজ্যুয়ালাইজ করা
  • একটি লুপে অবজেক্টের বৈশিষ্ট্য ভিজ্যুয়ালাইজ করা
  • Object.values()ব্যবহার করে বস্তুর ভিজ্যুয়ালাইজ করা
  • JSON.stringify()ব্যবহার করে বস্তুর ভিজ্যুয়ালাইজ করা

উপাদান বৈশিষ্ট্য ভিজ্যুয়ালাইজেশন

একটি বস্তুর বৈশিষ্ট্য একটি স্ট্রিং যোগ করা যেতে পারে:

ব্যক্তি মানে

name "John"
age 30
city "New York"

উদাহরণ

// একটি বস্তু তৈরি করুন 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" থাকবে।

ইনপুট বস্তু

name "John"
age 30
city "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

উপাদান পুনরাবৃত্তি শিখুন

অনুশীলন করুন

নিম্নলিখিত পদ্ধতিগুলির মধ্যে শুধুমাত্র একটি বিল্ট-ইন জাভাস্ক্রিপ্ট অবজেক্ট পদ্ধতি, কোনটি?

return()
✗ ভুল!return()জাভাস্ক্রিপ্টে বিল্ট-ইন অবজেক্ট পদ্ধতি নয়।returnএকটি কীওয়ার্ড যা একটি ফাংশন থেকে একটি মান ফেরত দিতে ব্যবহৃত হয়, কিন্তু একটি পদ্ধতি নয়
all()
✗ ভুল!all()জাভাস্ক্রিপ্টে বিল্ট-ইন অবজেক্ট পদ্ধতি নয়।Promise.all()আছে, কিন্তুObject.all()না
entries()
✓ ঠিক আছে!Object.entries()একটি অন্তর্নির্মিত জাভাস্ক্রিপ্ট অবজেক্ট পদ্ধতি যা একটি বস্তুর [কী, মান] জোড়ার একটি অ্যারে প্রদান করে। এটি ES2017 এ চালু করা হয়েছিল এবং বস্তুর বৈশিষ্ট্যগুলি পুনরাবৃত্তি করার জন্য দরকারী
methods()
✗ ভুল!methods()জাভাস্ক্রিপ্টে বিল্ট-ইন অবজেক্ট পদ্ধতি নয়। জাভাস্ক্রিপ্ট অবজেক্ট পদ্ধতি পেতে একটি আদর্শ উপায় নেই