浅谈克隆 JavaScript

目录

• 1、浅克隆
• 2、深克隆

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);

您可能感兴趣的文章:

• JavaScript数组及非数组对象的深浅克隆详解原理
• JavaScript浅层克隆与深度克隆示例详解
• javascript浅层克隆、深度克隆对比及实例解析
• JS对象的深度克隆方法示例
• JS对象深度克隆实例分析
• JS扩展类，克隆对象与混合类实例分析
• JS克隆，属性，数组，对象，函数实例分析
• JavaScript 深层克隆对象详解及实例
• javascript数组克隆简单实现方法
• js克隆对象、数组的常用方法介绍

本文由 华域联盟 原创撰写：华域联盟 » 浅谈克隆 JavaScript

转载请保留出处和原文链接：https://www.cnhackhy.com/84155.htm