JavaScript对象的合并以及深拷贝

吉尔维王

已于 2022-06-23 19:25:48 修改

阅读量554

点赞数

文章标签：前端 javascript 开发语言

于 2022-06-19 17:55:27 首次发布

本文链接：https://blog.csdn.net/weixin_51402073/article/details/125359917

版权

本文介绍了JavaScript中对象的合并方法，包括Object.assign()、扩展运算符和自定义封装方法。同时，探讨了深拷贝的实现，提到了通过JSON.parse()和JSON.stringify()的组合以及手动遍历递归赋值的策略。

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

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

let foo = Object.assign(a, b);//{a: 1, b: 3, c: 4}

可用于vue项目批量清空数据（this.$options.data）

let bar = {
   ...a, ...b};//{a: 1, b: 3, c: 4}

function merge(foo, bar) {
   
    for (let key in bar) {
   
        foo[key] = bar[key];
    }
    return foo;
}
merge(a, b);//{a: 1, b: 3, c: 4}

如需对重复项保留foo中的值，用hasOwnProperty

// 勇士总冠军！！！
const gsw = {
   
    name: 'Golden State Warriors',
    establishmentYear: '1946',
    stadium: 'Chase Center',

关注