深拷贝的简便方法

2021/11/25 23:10:33

本文主要是介绍深拷贝的简便方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

今天改增加项目需求的时候发现了一种写法

 我导师说是做了深拷贝,于是下班后查了一下,顺便温习一下JSON对象的方法。

JSON对象的两个方法:JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

JSON.parse(text[, reviver])

参数说明:

  • text:必需, 一个有效的 JSON 字符串。
  • reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

返回值:

返回给定 JSON 字符串转换后的对象。

JSON.parse() 可以接受第二个参数,它可以在返回之前转换对象值。

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

JSON.stringify(value[, replacer[, space]])

JSON.stringify() 可以带两个额外的参数,第一个是替换函数,第二个间隔字符串,用作隔开返回字符串。

参数:

参数说明:

  • value:必需, 要转换的 JavaScript 值(通常为对象或数组)。
  • replacer:可选。用于转换结果的函数或数组。
    如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。
    如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
  • space:可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。

返回值:

返回包含 JSON 文本的字符串。

替换函数可以用来过滤值,因为任何返回 undefined 的值将不在返回的字符串中

JSON.parse (JSON.stringify (obj)) 我们一般用来深拷贝,其过程说白了 就是利用 JSON.stringify 将js对象序列化( JSON字符串 ),再使用 JSON.parse 来反序列化 (还原)js对象;序列化的作用是存储 (对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存在磁盘上)和传输(例如 如果请求的 Content-Type 是 application/x-www-form-urlencoded ,则前端这边需要使用 qs.stringify (data) 来序列化参数再传给后端,否则后端接受不到; ps: Content-Type 为 application/json;charset=UTF-8 或者 multipart/form-data 则可以不需要 )。

关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑

1、如果obj里面有时间对象,则JSON.stringify后再JSON.parse的结果,时间将只是字符串的形式。而不是时间对象;

2、如果obj里有RegExp、Error对象,则序列化的结果将只得到空对象;

3、如果obj里有函数,undefined,则序列化的结果会把函数或 undefined丢失;

4、如果obj里有NaN、Infinity和-Infinity,则序列化的结果会变成null

5、JSON.stringify()只能序列化对象的可枚举的自有属性,例如 如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor;

6、如果对象中存在循环引用的情况也无法正确实现深拷贝;



这篇关于深拷贝的简便方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程