浅谈克隆 JavaScript
更新时间:2021年10月29日 10:53:15 投稿:hqx
这篇文章主要介绍了克隆 JavaScript,克隆又有浅克隆与深克隆,文章围绕JavaScript浅克隆与深克隆的相关资料展开具体内容,需要的朋友可以参考一下
1、浅克隆
浅克隆无法copy数组和对象
var obj = {
name : "abs",
age : '18',
sex : 'male'
}
var obj1 = {}
function clone(Origin,target) {
target = target || {};//防止用户不输入target
for(var k in Origin){
target[k] = Origin[k];
}
}
clone(obj,obj1);
2、深克隆
先判断它是什么,原始值,数组还是对象,分别处理
- 遍历对象
- 是原始值直接
copy - 不是原始值判断是数组还是对象
- 是数组建空数组
- 是对象建空对象
- 建立了之后再遍历一遍原始对象或数组里是啥
- 递归
var obj = {
name : 'lin',
age : '18',
sex : 'male',
card : [1,2,3,4],
wife : {
name : 'bcsds',
son : {
name : 'aaa'
},
age : '23'
}
}
var obj1 = {}
//原始值和对象数组typeof返回值有区别
function deepClone(origin,target) {
target = target || {};
for(var k in origin) {
if(origin.hasOwnProperty(k)){
if(typeof(origin[k]) == 'object') {
if(Object.prototype.toString.call(origin[k]) == '[object Array]') {
target[k] = [];
}else {
target[k] = {};
}
deepClone(origin[k],target[k]);
}else {
target[k] = origin[k];
}
}
}
}
deepClone(obj,obj1);
相关文章
TypeScript中Module使用区别及模块路径解析规则
这篇文章主要为大家介绍了TypeScript中Module使用区别及模块路径解析规则,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-06-06
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决
这篇文章主要介绍了微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法的相关资料,需要的朋友可以参考下2017-02-02


最新评论