جاوااسکریپت شو آپرکشن

如何显示 JavaScript 对象？

显示 JavaScript 对象将输出 [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;

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਆਰਰੇ ਸਟਰਿੰਗਕਰਨ

ਵੀ JavaScript ਆਰਰੇ ਨੂੰ ਸਟਰਿੰਗ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹਨ:

ਇੰਸਟੈਂਸ

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

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਨਤੀਜਾ ਇੱਕ JSON ਮਾਰਕਰ ਦੇ ਅਨੁਸਾਰ ਚਲਦਾ ਹੈ:

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