Javascript: view object in console

Question

I have an object with deeply nested properties.

Here is the result of console.log(myObject) in Chrome. enter image description here

But the result of console.log(myObject.schedules) is {}.

When I JSON.stringify the original object the result is {"schedules":{}}, which I find really confusing. As you see above, its logging a lot more than just that.

Any idea what the problem is?

worth mentioning that the Chrome console for objects is of the object at the time they are opened, not at the time they are logged. so if you are changing your object later (even after logging), by the time you go to open it in the console it will almost certainly be showing you the altered object not the one at time of logging. (i sometimes find i have to JSON.stringify, to see the whole object as it was at time of logging) — haxxxton
– haxxxton, Commented Dec 9, 2014 at 6:11
@arhoskins Please find the answers below and mark one as accepted whichever solves your problem. — Rahul Desai
– Rahul Desai, Commented Dec 9, 2014 at 6:20

Rahul Desai · Accepted Answer · 2014-12-09 06:07:49Z

4

Do console.dir(myObject) instead.

console.dir() displays an interactive list of the properties of the specified JavaScript object. The output is presented as a hierarchical listing with disclosure triangles that let you see the contents of child objects.

console.dir() | MDN

answered Dec 9, 2014 at 6:07

Rahul Desai

15.5k20 gold badges89 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

arhoskins Over a year ago

Good tip, but this does not actually help with my problem.

Rahul Desai Over a year ago

@arhoskins Please share your object contents using JSON.stringify() so I can help you further.

Rahul Desai Over a year ago

@arhoskins What do you get in the console if you do console.dir(myObject) ?

arhoskins Over a year ago

The exact same thing as console.log

Rahul Desai Over a year ago

@arhoskins It works very well at my end. What browser are you using? As I said earlier, if you could provide me the string that you get on doing JSON.stringify(myObject), I will be able to help you further.

|

Mahesh.D · Accepted Answer · 2014-12-09 06:12:49Z

1

You can also use JSON.stringify(object), for more details read this.

answered Dec 9, 2014 at 6:12

Mahesh.D

1,6872 gold badges24 silver badges49 bronze badges

Comments

arhoskins · Accepted Answer · 2014-12-09 06:43:48Z

0

The problem is that my object was being created via an asynch method call. So, at the point I was console.log() and JSON.stringify(), the object was not done being created.

answered Dec 9, 2014 at 6:43

arhoskins

3732 silver badges14 bronze badges

1 Comment

Rahul Desai Over a year ago

Then the console.dir(myObject) should be inside the callback of the asynch method call.

Collectives™ on Stack Overflow

Javascript: view object in console

3 Answers 3

6 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related