Display Objects

const person = {
  name: "ahmed",
  age: 30,
  city: "New York"
};

document.getElementById("demo").innerHTML = person;

const person = {
  name: "ahmed",
  age: 30,
  city: "New York"
};

document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

const person = {
  name: "ali",
  age: 30,
  city: "New York"
};

let txt = "";
for (let x in person) {
txt += person[x] + " ";
};

document.getElementById("demo").innerHTML = txt;

const person = {
  name: "Hossam",
  age: 30,
  city: "cairo"
};

const myArray = Object.values(person);

const person = {
  name: "Hossam",
  age: 30,
  city: "cairo"
};

const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

const person = {
  name: "Adel",
  age: 30,
  city: "New York"
};

let myString = JSON.stringify(person);

const person = {
  name: "Adel",
  age: 30,
  city: "New York"
};

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString

const person = {
  name: "ahmed",
  today: new Date()
};

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

const person = {
  name: "ahmed",
  age: function () {return 30;}
};

document.getElementById("demo").innerHTML = JSON.stringify(person);

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Display Objects</h2>
<p>JSON.stringify will not stringify functions.</p>
<p>You have to convert functions to strings first:</p>

<p id="demo"></p>

<script>
const person = {
  name: "ahmed",
  age: function () {return 30;}
};
person.age = person.age.toString();

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
</script>

</body>
</html>

const arr = ["Mohamed", "ahmed", "osama", "Hamdy"];
document.getElementById("demo").innerHTML = JSON.stringify(arr);