জেভাস্ক্রিপ্ট ডিসপ্লে অবজেক্ট

জাভাস্ক্রিপ্ট অবজেক্টটি কিভাবে দেখানো হবে?

জাভাস্ক্রিপ্ট অবজেক্টটি দেখাবার জন্য প্রদর্শন করুন [object Object]。

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
document.getElementById("demo").innerHTML = person;

আপনার নিজেই চেষ্টা করুন

জেভাস্ক্রিপ্ট অবজেক্ট দেখা যায় এমন কিছু সাধারণ সমাধান:

  • নাম অনুযায়ী অবজেক্টের প্রকৃতি দেখা যায়
  • সাইকলের মধ্যে অবজেক্টের প্রকৃতি দেখা যায়
  • Object.values() ব্যবহার করে অবজেক্ট দেখা যায়
  • Object.stringify() ব্যবহার করে অবজেক্ট দেখা যায়

অবজেক্টের প্রকৃতি দেখা যায়

অবজেক্টের প্রকৃতি স্ট্রিং হিসাবে দেখা যায়:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

আপনার নিজেই চেষ্টা করুন

সাইকলের মধ্যে অবজেক্ট দেখা যায়

সাইকলের মধ্যে অবজেক্টের প্রকৃতি সংগ্রহ করা যায়:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;

আপনার নিজেই চেষ্টা করুন

আপনি person[x] এবং সাইকলের মধ্যে ব্যবহার করতে হবে

person.x কাজ করবে না (কারণ x একটি ভ্যারিয়েবল)

Object.values()

ব্যবহার করে Object.values()এবং কোনও জেভাস্ক্রিপ্ট অবজেক্টকে অ্যারে হিসাবে রূপান্তর করা যায়:

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
const myArray = Object.values(person);

myArray এখন জেভাস্ক্রিপ্ট অ্যারে এবং দেখা যায়:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

আপনার নিজেই চেষ্টা করুন

2016 সাল থেকে, সমস্ত প্রধান ব্রাউজারগুলো এটির সমর্থন করে Object.values()。

চ্রোম আইই ফায়ারফক্স স্যাফারি ওপেরা
54 (2016) 14 (2016) 47 (2016) 10 (2016) 41 (2016)

JSON.stringify()

কোনও জেভাস্ক্রিপ্ট অবজেক্টকে জেভাস্ক্রিপ্ট ফাংশন ব্যবহার করে JSON.stringify() স্ট্রিংকরণ (স্ট্রিং হিসাবে রূপান্তর) করুন:

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
let myString = JSON.stringify(person);

myString এখন জেভাস্ক্রিপ্ট স্ট্রিং এবং দেখা যায়:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: 19,,
  city: "Seattle"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

আপনার নিজেই চেষ্টা করুন

ফলাফল একটি JSON মার্কার অনুসারে চলা একটি স্ট্রিং হবে:

{"name":"Bill","age":19,"city":"Seattle"}

JSON.stringify() জেভাস্ক্রিপ্টে থাকে, সমস্ত প্রধান ব্রাউজারগুলো এটির সমর্থন করে。

তারিখ স্ট্রিংকরণ

JSON.stringify তারিখকে স্ট্রিং হিসাবে রূপান্তর করুন:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  today: new Date()}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

আপনার নিজেই চেষ্টা করুন

ফাংশন স্ট্রিংফাইজ

JSON.stringify ফাংশনটিকে স্ট্রিংফাইজ করা হবে না:

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: function () {return 19;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

আপনার নিজেই চেষ্টা করুন

যদি ফাংশনটিকে স্ট্রিংফাইজ করার আগে ফাংশনটিকে স্ট্রিংফাইজ করা হয়, তবে এটি "স্থায়ী" হতে পারে。

ইনস্ট্যান্স

const person = {
  name: "Bill",
  age: function () {return 19;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

আপনার নিজেই চেষ্টা করুন

অ্যারে স্ট্রিংফাইজ

জেভাস্ক্রিপ্ট অ্যারের জন্যও স্ট্রিংফাইজ করা যায়:

ইনস্ট্যান্স

const arr = ["Bill", "Steve", "Elon", "David"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

আপনার নিজেই চেষ্টা করুন

ফলাফল একটি JSON মার্কার অনুসারে চলা একটি স্ট্রিং হবে:

["Bill","Steve","Elon","David"]