js 合并对象（3种方法）

最新推荐文章于 2024-10-30 10:21:29 发布

web网页精选

最新推荐文章于 2024-10-30 10:21:29 发布

阅读量4.8k

点赞数

分类专栏：前端文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_43770056/article/details/128579825

版权

前端专栏收录该内容

67 篇文章 3 订阅

订阅专栏

文章展示了在JavaScript中合并两个对象的三种方法：1)使用`Object.assign`；2)利用ES6的扩展运算符；3)自定义函数实现对象属性的复制。通过这些方法，可以将源对象的属性添加到目标对象中。

摘要由CSDN通过智能技术生成

    <script>

        const a = { a: 1, b: 4 }
        const b = { b: 2, c: 3 }

        // 1.Object.assign合并
        console.log(Object.assign(a, b));
        // 2.es6扩展运算符 
        console.log({ ...a, ...b });

        // 3.自己封装方法
        function extend(target, source) {
            for (var obj in source) {
                target[obj] = source[obj]
            }
            return target;
        }

        console.log(extend(a, b));
    </script>