How to print the contents of an array of objects in JavaScript?

Asked May 16 '19 at 07:34

Active May 16 '19 at 07:46

Viewed 36 times

I use the following code to print information of all persons:

<!DOCTYPE html>
<html>
<body>

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

<script>
var txt = "";
var person = [{fname:"John", lname:"Doe", age:25},
              {fname:"Hasan", lname:"Doe", age:26}]; 
var x;
for (x in person) {
  txt += person[x] + " ";
}
document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

But the result is:

[object Object] [object Object]

Why does this happen?

edited May 16 '19 at 07:46

Alator

asked May 16 '19 at 07:34

user3486308

2,166
3
32
62

2

`txt += JSON.stringify( person[x] );` – Azad May 16 '19 at 07:36
@azad: didn't work – user3486308 May 16 '19 at 07:39
try this txt += person[x].fname + " "; – rajpoot rehan May 16 '19 at 07:50
Hello @user3486308 this is something you need to do, you have to push elements of your second array in txt array : `for (x in person) { txt.push(person[x]); } document.getElementById("demo").innerHTML = JSON.stringify(txt); ` – Zabih Ullah May 16 '19 at 08:00

How to print the contents of an array of objects in JavaScript?

0 Answers0