为什么 console.log 不按顺序输出?

Question

如下：

var a = [{q:1}]

console.log(a) //[{"q":2,"w":2}]
var b = a.map(x=>{x.q=2;return x})
b[0].w=2
b.w=1

console.log(b) //[{"q":2,"w":2},w:1]

console.log(a) //[{"q":2,"w":2}]

第一次console.log(a)时，a 就已经被改变了。是因为第一个元素是引用类型么?

Answer 1

不是不按顺序输出，而是对象保存的是地址，引用同一片内存空间，后面发生改变，也会影响打印出来的值，可以转成字符串，打印在console执行的那一时刻的值

var a = [{q:1}]

console.log(JSON.stringify(a)) 
var b = a.map(x=>{x.q=2;return x})
b[0].w=2
b.w=1

console.log(JSON.stringify(b)) 
console.log(JSON.stringify(a))
打印：
[{"q":1}]
[{"q":2,"w":2}]
[{"q":2,"w":2}]

Answer 2

题主的猜想是对的，观察一下，可以发现，举个例子

这里本来数组只有三个，但是点开箭头，数组的内容确实4个。

基本上，但凡是有个箭头出来的，可以认为是一个对象了，所以数值是实时的。

而你查看的时候，对象里的内容已经被改过了。所以这个直接log 对象或者数组的方式，并不能很好的体现内部值的一个实时性。

Answer 3

正解是：chrome调试工具的那个三角形点开的时候才会拿着内存地址去取对象的值

Answer 4

是因为对象在保存的只是内存中的地址

Answer 5

？？？
直接console.log(a);//object
console.log(JSON.stringify(a));//[{"q":1}].
你们踩我的给个理由...