js中浅拷贝与深拷贝的简单介绍以及实现方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js中浅拷贝与深拷贝的简单介绍以及实现方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1360字，纯文字阅读大概需要2分钟。

内容图文

首要声明：什么数据类型才有拷贝一说？ 毋庸置疑，数组和对象[Array&Object]

浅拷贝：

* --- 拷贝数据的方法(影响原数据就是浅拷贝)
* 1.直接复制给变量 //浅拷贝
* 2.Object.assign() //对象浅拷贝
* 3.Array.prototype.concat() //数组浅拷贝
* 4.Array.prototype.slice() //数组浅拷贝

深拷贝：

方式一：

//无嵌套对象或者数组浅拷贝
function simpleDeepClone(target){
       return JSON.parse(JSON.stringify(target));
}

方式二：

//嵌套对象或者数组深拷贝
//定义检测数据类型的函数
function checkType(target) {
    return Object.prototype.toString.call(target).slice(8, -1);
}

//实现深度拷贝
function clone(target) {
    //判断拷贝的数据类型
    let result, targetType = checkType(target);
    if (targetType === 'Object') {
        result = {};
    } else if (targetType === 'Array') {
        result = [];
    } else {
        return target;
    }
    //遍历目标数据
    for (let i in target) {
        //获取数据对象的每一个值
        let value = target[i];
        //判断目标结构里面是否存在对象/数组
        if (checkType(value) === 'Object' || checkType(value) === 'Array') {
            //继续遍历
            result[i] = clone(value);
        } else { //获取到的value值是基本的数据类型或者函数
            result[i] = value;
        }
    }
    return result;
}

相关推荐：

jQuery的$.extend浅拷贝与深拷贝实例解析

js实现深浅拷贝方法

以上就是js中浅拷贝与深拷贝的简单介绍以及实现方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js中浅拷贝与深拷贝的简单介绍以及实现方法全部内容，希望文章能够帮你解决js中浅拷贝与深拷贝的简单介绍以及实现方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端