美文网首页
【js】js深拷贝的几种方法

【js】js深拷贝的几种方法

作者: 辣子_ | 来源:发表于2022-05-29 23:45 被阅读0次
  1. js深拷贝是什么?
    js分为两种数据类型,一种是基础数据类型,另一种是引用数据类型;基础数据类型在赋值的时候是直接给变量赋值的,而引用数据类型变量存储的是地址的指针,如果像基础数据类型那样直接复制则赋bj值的地址的指针,而不是真正的值,这样就造成两个变量访问的是同一个地址,数据就会错乱,所以对于引用数据类型就有了深拷贝。
  2. 引用数据类型有哪些?
    引用数据类型有Object、Array、Function三种。
  3. Array数据类型深拷贝的几种方法?
    let a = [1,2,3,4];
    第一种,最原始的方法,可用复杂结构的数组拷贝:
    let b = JSON.parse(JSON.Stringfy(a)
    第二种,用数据的concat(),只适用于单层数据:
    let b = a.concat()
    第三种,用slice(),只适用于单层数组:
    let b = a.slice()
    第四种,es的展开运算符,也是只适用于单层数组:
    let b = [...a]
    综上所述,若是单层数组推荐使用展开运算符,代码简洁易于理解;复杂点数组结构就还是要用第一种了。
  4. Object数据类型的几种深拷贝,包括Array中第一种和第四种外还有几种:
    let a = {a:1,b:2}
    第三种,只适用于单层:
    let b = Object.assign({},a)
    对象的中若是单层也用展开运算符拷贝;结构复杂点的对象还是用第一种比较好。
  5. 展开运算符和其他几种只适合单层数据拷贝的,应该只是拷贝的第一层的数据的指针,第二层等等数据指针指向的还是同一个地址,所以多层引用类型数据还是使用JSON.parse(JSON.Stringify())靠谱。单层使用展开运算符方便。

相关文章

网友评论

      本文标题:【js】js深拷贝的几种方法

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