vue 拷贝 数组_Vue实现对数组、对象的深拷贝、复制

浅拷贝:复制引用地址 ; 深拷贝:复制对象

方法一

JSON.parse(JSON.stringify())

示例:

computed: {

data: function () {

var obj={};

obj=JSON.parse(JSON.stringify(this.templateData)); //this.templateData是父组件传递的对象

return obj

}

}

方法二

const clone = (obj) => {

var o;

// 如果 他是对象object的话 , 因为null,object,array 也是'object';

if (typeof obj === 'object') {

// 如果 他是空的话

if (obj === null) {

o = null;

}

else {

// 如果 他是数组arr的话

if (obj instanceof Array) {

o = [];

for (var i = 0, len = obj.length; i < len; i++) {

o.push(clone(obj[ i ]));

}

}

// 如果 他是对象object的话

else {

o = {};

for (var j in obj) {

o[ j ] = clone(obj[ j ]);

}

}

}

}

else {

o = obj;

}

return o;

};

export default clone;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值