一篇文章理解Object.assign({},val) 与 JSON.parse(JSON.stringify(val))

2023-09-07 817 1

Object.assign({}, val) 和 JSON.parse(JSON.stringify(val)) 都是用来创建对象的深拷贝。它们的作用是将一个对象的值复制到一个新对象中,从而创建一个完全独立的副本。

它们之间存在一些区别:

对于基本类型数据(如字符串、数字、布尔值等),它们的行为是相同的,都会创建一个新的基本类型值。

对于引用类型(如对象、数组等),它们的处理方式略有不同。

Object.assign({}, val) 对于引用类型值,只是将引用进行复制,而不进行深拷贝。这意味着如果原对象或数组中的某个属性被修改,那么新对象中相应的属性也会受到影响。

JSON.parse(JSON.stringify(val)) 则会进行深拷贝,它会将整个对象或数组及其嵌套属性都复制到一个新对象或数组中,使得新对象与原对象完全独立。这意味着对于原对象的修改不会影响新对象,反之亦然。

总结如下,如果想创建一个对象的完全独立副本,建议用 JSON.parse(JSON.stringify(val)) 进行深拷贝。然而,需要注意的是,JSON.stringify() 和 JSON.parse() 只能处理能够被 JSON 表示的数据类型,因此它们无法处理循环引用等特殊情况。

另一方面,Object.assign({}, val) 提供了一种浅拷贝的方式,它可以用于将一个对象的属性复制到另一个对象中,或者用于合并多个对象的属性。

这篇文章对你有帮助吗?
[评价次数: 1 满意度: 5]

相关文章

网站服务器迁移流程
Navicat Premium 15 永久破解激活工具及安装教程
前端常见基础面试题-vue篇-3
前端常见基础面试题-vue篇-2
前端常见基础面试题-vue篇-1
如何选择合适的前端入门教程

评论(1)

发布评论