JS Object.assign()方法

本文详细介绍了JS中的Object.assign()方法,包括其用于复制和合并对象属性的功能,以及在处理源对象和目标对象之间的属性覆盖、深层属性拷贝等情况的注意事项。通过实例展示了如何进行单层和深层拷贝,并探讨了属性的枚举和非枚举特性对拷贝的影响。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作用:
        用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
    
    实例:
        const one = {a: 1, b: 2}
        const two = {c: '3', d: '4'}
        var three = Object.assign({e: 5}, one, two)
        打印结果:
            three.a => 1
            three.c => 3
            three.e => 5

    语法:
        Object.assign(target, ...sources)
            target:
                目标对象
            sources:
                源对象
                
    注意:
        1. 如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。(对应key的value更新)
        2. Object.assign 方法只会拷贝源对象可枚举的属性到目标对象。
        3. Object.assign 不会跳过那些值为 [null] 或 [undefined]的源对象。
        4. 对于单层属性,目标对象和源对象属性值的更改不会相互影响
        5. 对于深层属性,即属性的key作为引用指向另一个对象。目标拷贝的是源对象的引用,目标对象和源对象属性值的更改会相互影响。
        6. 目标对象等于返回对象,所有操作都是针对目标对象的即参数中的target对象
        7. 继承属性和不可枚举属性是不能拷贝的

    深层拷贝:
        const one = {a: 1, b: {c: 2, d: 3}}
        
        1. 复制源对象
            var two = Object.assign({}, one)
            
        2. 合并源对象
            var two = Object.assign({}, one, {e: 4})
            打印结果:
                two => {a: 1, b: {c: 2, d: 3}, e: 4}
        
        3. 单层拷贝:
            var two = Object.assign({}, one)
            two.a = 1.1
            one.a = 1.2
            打印结果:
                one = {a: 1.2, b: {c: 2, d: 3}}
                two = {a: 1.1, b: {c: 2, d: 3}}

        4. 深层拷贝:
            var two = Object.assign({}, one)
            two.b.c = 10
            one.b.d = 5
            打印结果:
                one = {a: 1.2, b: {c: 10, d: 5}}
                two = {a: 1.1, b: {c: 10, d: 5}}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值