Why js variable show [object object] but console.log() works?

Question

I have some codes

var weibo = { weibo: { url: '//testurl.com', icon: 'fa fa-weibo' } }
var mail = { mail: { url: '//testurl.com', icon: 'fa fa-envelope' } }
var github = { github: { url: '//testurl.com', icon: 'fa fa-github' } }

var [key] = Object.keys(weibo)
var name = weibo[key]
console.log(weibo[key])

I want to get object from weibo and store into name variable

But name show [object object]

I am not use alert from What does [object Object] mean? (JavaScript)

key is a string weibo

I just want to store variable into name, why chrome dev tools show [object object]?

console.log() works, it show corrent object info

Update please see my gif

Don't use square brackets around key variable when you're defining it! — FZs
– FZs, Commented Oct 20, 2018 at 5:02
I don't see anything wrong with the bracket notation. Why this should cause the problem? — Teemoh
– Teemoh, Commented Oct 20, 2018 at 5:14
The code seems to be fine, and does work (codesandbox.io/s/3y8lmj3q8m). What version of chrome are you using? — phpcoderx
– phpcoderx, Commented Oct 20, 2018 at 5:16
@phpcoderx I use Version 69.0.3497.100 (Official Build) (64-bit), I also think it should works, It's a bug or not? I copy your codes and run in my chrome dev snippet, but first console.log() show [object object], But when I open my dev tools, your codes have correct logs in my console — weichao
– weichao, Commented Oct 20, 2018 at 8:51
@FZs Why? it's array destructuring. I think it same as var key = Object.keys(weibo)[0] — weichao
– weichao, Commented Oct 20, 2018 at 8:55

phpcoderx · Accepted Answer · 2018-10-20 09:49:47Z

4

This had me thinking for a while, turns out there is a window.name global variable defined in browsers (MDN:Window.name).

According to MDN: window.name will convert all values to their string representations by using the toString method.

When toString is applied to an object, the output will be [object object].

So either enclose your piece of code within its own scope (probably inside a function) or rename your name variable.

answered Oct 20, 2018 at 9:49

phpcoderx

5705 silver badges16 bronze badges

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

1 Comment

weichao Over a year ago

Yes! you are right! you must be an great developer! It works now when I enclosure using (function(){})(), This question will remind me of global scope variable

hossein sedighian · Accepted Answer · 2018-10-20 04:51:39Z

1

use

var key = Object.keys(weibo)
var name = key[0]

answered Oct 20, 2018 at 4:51

hossein sedighian

2,1901 gold badge17 silver badges21 bronze badges

1 Comment

weichao Over a year ago

I want to know why var name=weibo[key] not equal to console.log(weibo[key)

Irrfan23 · Accepted Answer · 2018-10-20 05:09:36Z

1

It is because you have created "weibo" as an object, and you passing this to a primitive data type reference " name ".

answered Oct 20, 2018 at 5:09

Irrfan23

3906 silver badges18 bronze badges

1 Comment

weichao Over a year ago

key is "weibo", So I think weibo[key] === weibo["weibo"], but from dev tools, name show as [object object]

Collectives™ on Stack Overflow

Why js variable show [object object] but console.log() works?

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related