美文网首页
JSON.parse(JSON.stringify)深拷贝的问题

JSON.parse(JSON.stringify)深拷贝的问题

作者: AAA前端 | 来源:发表于2021-07-07 14:12 被阅读0次
  1. 如果obj里面有时间对象,则JSON.stringify后再JSON.parse的结果,时间将只是字符串的形式,而不是对象的形式
var t = {time: new Date()};
var t2 = JSON.parse(JSON.stringify(t));
console.log(t,t2)
image.png
  1. 如果obj里有RegExp(正则表达式的缩写)、Error对象,则序列化的结果将只得到空对象;
var r = {a: /^name.+/, b:2, c: new Error('错误'), d: new RegExp('\\w+')};
var r2 = JSON.parse(JSON.stringify(r));
console.log(r, r2)
image.png
  1. 如果obj里有函数,undefined,则序列化的结果会把函数或 undefined丢失;
var q = {fn: function(){}, u: undefined, i: null, g: ''};
var q2 = JSON.parse(JSON.stringify(q));
console.log(q, q2)
image.png
  1. 如果obj里有NaN、Infinity和-Infinity,则序列化的结果会变成null
var w = {a: NaN, b: Infinity, c: -Infinity, d: 3};
var w2 = JSON.parse(JSON.stringify(w));
console.log(w, w2)
image.png
  1. JSON.stringify()只能序列化对象的可枚举的自有属性,例如 如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor;
function Person(name){this.name=name};
Person.prototype.age= 14;
var p = new Person('zs');
var o = {a: p};
var o2 = JSON.parse(JSON.stringify(o));
console.log(o ,o2)
image.png
  1. 如果对象中存在循环引用的情况也无法正确实现深拷贝;
var a = {};a.b=a;
image.png

通俗点说,JSON.parse(JSON.stringfy(X)),其中X只能是Number, String, Boolean, Array, 扁平对象,即那些能够被 JSON 直接表示的数据结构。

相关文章

  • web 前端 h5 学习记录

    1、深拷贝 JSON.parse(JSON.stringify(data)) 深拷贝可以解决数据改变却不渲染的问题...

  • 2019-05-03

    深拷贝 利用JSON.stringify和JSON.parse实现深度拷贝 function copy(obj) ...

  • JS工具-类型判断和深拷贝

    1. js深拷贝 js深拷贝简单对象的拷贝可以用JSON.stringify() 和 JSON.parse() 实...

  • 2019-11-19 JS对象深拷贝

    JS对象深拷贝: 1.JSON方法深拷贝 JSON.parse(JSON.stringify(obj)); 2.解...

  • javascript 深拷贝和浅拷贝

    1、深拷贝方法: 1)、JSON.stringify与JSON.parse转化实现深拷贝和浅拷贝; 注意:当值为u...

  • 数组浅拷贝和深拷贝

    乞丐版深拷贝 JSON.parse(JSON.stringify()) 缺点:无法处理循环引用问题 我发现使用ma...

  • 实现深拷贝的方法

    使用JSON.parse与JSON.stringify实现深拷贝 JSON.parse可以把json字符串转化为对...

  • js深浅拷贝

    浅拷贝,直接赋值,同一内存 更改两个同时更改 使用JSON.parse(JSON.stringify(a))深拷贝...

  • 深拷贝

    最简单的深拷贝(JSON.stringify() 和JSON.parse())先把对象使用JSON.stringi...

  • JS 实现深拷贝、浅拷贝的几种方法

    对象深拷贝 第一种:使用递归的方法实现深拷贝 第二种:使用JSON.parse()和JSON.stringify(...

网友评论

      本文标题:JSON.parse(JSON.stringify)深拷贝的问题

      本文链接:https://www.haomeiwen.com/subject/zamoultx.html