JavaScript中循环新增对象属性，每次打印的结果都一样

Question

const obj = {aa: {}, bb: {}}; for(let i=0;i<10;i++) {if (i === 0) {obj.aa.uv=i} else if (i === 1) {obj.aa.uv11=i} else if (i === 2) {obj.aa.uv22=i} console.log(obj)}

Answer 1

因为console.log()输出对象或数组时是在控制台显示一个对象或数组的引用。

在用console.log()输出数组或对象时，对象（数组）的属性是折叠不显示的。
如果你在console.log()输出之后改变了对象（数组）的属性，当你点击三角展开属性时，会重新读取对象（数组）当前的属性，也就是显示出来的是你点击三角展开时的属性，而不是执行console.log()时的属性。

解决方法是用console.log(JSON.stringify(obj));以字符串方式输出