js 深度合并对象(Object.assign)

客官°小女子只卖身不卖艺 2022-09-12 03:53 162阅读 0赞

function deepAssign(...param) { 
        let result = Object.assign({ }, ...param);
        for (let item of param) { 
            for (let [idx, val] of Object.entries(item)) { 
                if (typeof val === 'object') { 
                    result[idx] = deepAssign(result[idx], val);
                }
            }   
        }
        return result;
    }

案例

var x = { 
        a: { 
            a1: { 
                a1_1: 1.1,
                a1_2: 1.2
            }
            ,a2: { 
                a2_1: 2.1,
                a2_2: 2.2
            }
        },
        b: 1
    }
    , y = { 
        a: { 
            a1: { 
                a1_3: 1.3
            }
        },
        b: { 
            b1: { 
                b1_1: 1
            },
            b2: 555
        },
        c: 'ccc'
    }
    , z = { 
        b: { 
            b1: { 
                xx: 1,
                yy: 2,
                ccc: { 
                    abb: '12242',
                    bbb: [1,2,3]
                }
            }
        },
        a: { 
            a55: { 
                xx: 33
            }
            }
    }
    console.log(deepAssign(x, y, z));

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2xvbmd6aGFuZ18_size_20_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2xvbmd6aGFuZ18_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/df48bde9e2ce4333a72ffd876f5c13a1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 对象合并与数组合并

在 JavaScript 中，对象和数组都是非常常见的数据结构，它们可以用来存储和操作数据。有时候我们需要将两个对象或数组合并在一起，以便更好地进行操作。本文将会介绍如何在 J

深碍√TFBOYSˉ_/ 2023年09月25日 21:45/ 0 赞/ 39 阅读

相关 JavaScript深度合并

I recently shared how you can [merge object properties with the spread operator][] but t

逃离我推掉我的手/ 2023年02月21日 14:28/ 0 赞/ 12 阅读

相关 js 深度合并对象(Object.assign)

function deepAssign(...param) { let result = Object.assign({ }, ...param);

客官°小女子只卖身不卖艺/ 2022年09月12日 03:53/ 0 赞/ 163 阅读

相关 JS对象深度克隆/复制

实现思路对象类型存储的是对象的引用地址，而把对象的实际内容单独存放，因为对象类型通常比较庞大，这是数据开销和内存开销优化的手段。因此我们不能像原始数据类型一样简单的赋值

ゝ一世哀愁。/ 2022年05月24日 13:26/ 0 赞/ 233 阅读

相关 JS对象深度克隆的实现

JavaScript中的数据类型分为两大类：原始类型和对象类型。（1）原始类型包括：Number、String、Boolean、null、undefined（我们需要克隆

约定不等于承诺〃/ 2022年05月16日 13:53/ 0 赞/ 242 阅读

相关 js深度克隆对象

js深度克隆对象用js实现对象克隆最关键的两点就是：var objClone = new this.constructor();和objClone\[key\] = t

短命女/ 2022年04月15日 02:22/ 0 赞/ 226 阅读

相关 js中数组的合并和对象的合并

1 数组合并 1.1 concat 方法 var a = [1,2,3], b = [4,5,6]; var c = a.concat(b);

妖狐艹你老母/ 2022年04月10日 13:11/ 0 赞/ 352 阅读

相关 JS深度合并对象

/ 如果target(也就是FirstOBJ[key])存在，且是对象的话再去调用deepObjectMerge，否则就是Fir

Love The Way You Lie/ 2022年01月06日 08:25/ 0 赞/ 366 阅读

相关 vue.js数组追加合并与对象追加合并

因为一直用到所以附上了 ![1317388-20180416141625658-91031725.png][] ![1317388-20180416141635610

谁借莪１个温暖的怀抱￠/ 2021年11月23日 15:26/ 0 赞/ 372 阅读

相关 js合并对象常用方法

const person = { name: 'David Walsh', gender: 'Male' }; const tools = { computer

爱被打了一巴掌/ 2021年10月19日 09:22/ 0 赞/ 341 阅读