js 拷贝

一、浅拷贝

对数据拷贝的时候只拷贝一层,深层次的只拷贝了地址

1. (1)对于数组类型,可以使用slice(start, end)方法,返回一个新的数组。

        var arr1 = arr.slice(0);

(备注:slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理;如果 end 为负,就将它作为 length + end 处理;如果省略 end ,那么 slice 方法将一直复制到数组结尾;如果 end 出现在 start 之前(即end<start),则不复制任何元素)

   (2)数组类型还可以使用concat()方法,var arr1 = arr.concat();

备注:concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。)

还有Array.from 等等

   (3)对于对象类型,可以使用Object.assign({},obj),拷贝到一个新的对象上。

2. 使用ES6语法的扩展运算符,就是...

 let arr1 = [...arr]; 

let obj1 = {...obj};

缺点:引用类型的值则是拷贝了“指向堆内存的地址”,这样一个地方修改值,会影响另一个

二、深拷贝

 1.通过JSON.stringify()和JSON.parse()方法。(弊端:不能拷贝function等

  • JSON.stringfy() 将对象序列化成json对象
  • JSON.parse() 反序列化——将json对象反序列化成js对象

缺点:

  • 造成数据丢失和数据异常
  • function、undefined 直接丢失
  • NaN、Infinity 和-Infinity 变成 null
  • RegExpError对象只得到空对象;

三、手写循环递归

四、使用 lodash 实现深拷贝

在这里插入图片描述 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值