JS通过JSON.parse(JSON.stringify(obj))的方式深层拷贝数据时,数组类型有时候变为bool类型了?

问题:在使用JSON.parse(JSON.stringify(obj))的方式深层拷贝数据时,发现有时候数据类型发生了变化,请牛人帮忙给看看,谢谢。

1、测试代码:
var newItem = this.cloneObject(orderItemFormData);
console.info(this.cloneObject(orderItemFormData));
console.info(newItem);

2、拷贝方法
//深层拷贝对象
cloneObject(jsonObj) {
return JSON.parse(JSON.stringify(jsonObj));
},

3、通过控制台查看打印结果
1)正确的打印
图片说明

2)错误的打印
图片说明

4、尝试过其他的深层拷贝对象的方法,有同样的问题。

请大神们指教这是什么问题呀,折磨疯了。

3个回答

可能是vue哪块渲染导致的,还不太清楚,已经解决了,但是解决方式很让人怀疑人生。

var newItem = this.cloneObject(orderItemFormData);
//加上这句,竟然没问题了,震惊
newItem.checkedFtTestingProducts = [];

console.info(this.cloneObject(orderItemFormData));
console.info(newItem);

会不会这是一个代理对象?
被监听了getter/setter函数.
或者在打印前被其他逻辑(有可能是异步)修改了值

Gozs_cs_dn
蓝色雨点 回复shenshuigong: 或者直接把 ognl 加入到 浏览器开发工具的 watcher 中, F11单步调试观察值变化
4 个月之前 回复
Gozs_cs_dn
蓝色雨点 回复shenshuigong: 这个情况不要依赖 console 观察, console只有在"展开"的时候才会调用 getter. 你可以用 console.log(JSON.stringify(xxx, null, 4)) 实时观察
4 个月之前 回复
shenshuigong
shenshuigong 感谢,这个问题很奇怪,连续打印console.info(this.cloneObject(orderItemFormData)); 和 console.info(newItem);发现前面的数据正确,后面的数据类型就变化了,可能是vue哪块渲染导致的,还不太清楚
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问