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

---

Answer 1

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.

Answer 2

use

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

Answer 3

这是因为您已创建“ weibo”作为对象，并将其传递给原始数据类型引用“ name”。