Say I have defined an array of object like so:
var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, {firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}];
Now doing
console.log(person);
returns "[Object,Object]"
I want to print the details of the array. How do I do this?
Try this: console.table(person);
This would print the object in tabular format which would be easy on the eyes.
Result would look like this:
This is a lesser known feature compared to console.log but it is very handy at times.
console.log(JSON.stringify(person));
That's one way to do it.
var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, {firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}] ;
console.log(JSON.stringify(person));
//if you want to parse
for (var i = 0; i < person.length; i++) {
var object = person[i];
for (var property in object) {
alert('item ' + i + ': ' + property + '=' + object[property]);
}
}IS this what you want? If not please elaborate.
person which is breaking it into objects. And code iterates through each object. Secondaly, the code is picking up each property of object inside alert one by one.As others already pointed out, you can use JSON.stringify. However, your JSON shows Objects which are collapsable, so you have the information there. If you want to prettify your output further, you may try pretty-js or underscore.js.
You can do this way:
var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"},
{firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}];
JSON.stringify(person);
Try this:
const something = JSON.stringify([
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"},
{firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}
], null, " ");
document.querySelector("#result").textContent = something;
// or in the console
console.log(something);<pre id="result"></pre>
[Object, Object]indicates an array containing two objects. In the console you should see a little arrow to the left of that, and if you click it it will expand the array to show more details of the contents.