您当前的位置:网站首页>JS>JS中深拷贝和浅拷贝区别? 找JS教程就上ki4.cc (>^ω^<),js

JS中深拷贝和浅拷贝区别? 找JS教程就上ki4.cc (>^ω^<),js

2020年06月13日 投稿作者: 围观人数:26

Ajax 是干嘛用的? 找JS教程就上ki4.cc (>^ω^<)

Ajax是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术,并且可以通过在后台与服务器进行少量数据交换,可以使网页实现异步更新。

JS中深拷贝和浅拷贝区别?

两者的区别在于是否是真正获取了一个对象的复制实体,而不是引用,深拷贝在计算机中开辟了一块内存地址用于存放复制的对象,而浅拷贝仅仅是指向被拷贝的内存地址,如果原地址中对象被改变了,那么浅拷贝出来的对象也会相应改变。

深拷贝

最简单的方法就是

JSON.parse(JSON.stringify())
function deepCopy(o) {
    return JSON.parse(JSON.stringify(o))
}
var c = {
    age: 1,
    name: undefined,
    sex: null,
    tel: /^1[34578]\d{9}$/,
    say: () => {
        console.log('hahha')
    }
}
// { age: 1, sex: null, tel: {} }

需要注意的是:这种拷贝方法不可以拷贝一些特殊的属性(例如正则表达式,undefine,function)

用递归去复制所有层级属性

详解js获取url参数值的方法 找JS教程就上ki4.cc (>^ω^<)

js获取url参数值的方法有多种,本问详细介绍获取url参数值各类方法,希望对大家有所帮助。

function deepCopyTwo(obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if (obj && typeof obj == 'object') {
        for (const key in obj) {
            //判断obj子元素是否为对象,如果是,递归复制
            if (obj[key] && typeof obj[key] === "object") {
                objClone[key] = deepCopyTwo(obj[key]);
            } else {
                //如果不是,简单复制
                objClone[key] = obj[key];
            }
        }
    }
    return objClone;
}

浅拷贝

object.assign(target,source)

Object.assign 方法只复制源对象中可枚举的属性和对象自身的属性

如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性

Object.assign 会跳过那些值为 [null] null 是一个 JavaScript 字面量,表示空值(null or an "empty" value),即没有对象被呈现(no object value is present)。它是 JavaScript 原始值 之一。") 或 undefined 的源对象。

推荐教程:《JS教程》


以上就是JS中深拷贝和浅拷贝区别?的详细内容,更多请关注ki4导航其它相关文章!

js计算两个日期的月份差的实例解析 找JS教程就上ki4.cc (>^ω^<)

计算两个时间差可以先拆分年月日,得到月数,本文实例解析如何计算两个日期的月份差,希望对大家有所帮助,一起讨论交流。

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.