ITPub博客

首页 > IT职业 > IT图书 > js对象合并方法

js对象合并方法

IT图书 作者:bluetooth 时间:2021-09-11 10:02:42 0 删除 编辑

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

方法一:使用Object.assign方法

<script>
    let data = {name: 'mm', id: '1'};
    let data1 = {type: '类型', height: 180};

    Object.assign(data, data1);
    console.log(data1, data);
</script>

方法二:使用$.extend()方法

let obj1 = {'a': 1};
let obj2 = {'b': 1};
let obj3 = $.extend(obj1, obj2);
console.log(obj1); // {a: 1, b: 1}  obj1已被修改
console.log(obj1); // {b: 1}
console.log(obj3); // {a: 1, b: 1}
obj1 == obj3;      // true,这里是将obj2合并到obj1并赋值给obj1
//或者 let obj3 = $.extend({}, obj1, obj2); //{a: 1, b: 1} 此时不会改变obj1,obj2

方法三:使用遍历赋值合并

var extend=function(o,n){
   for (var p in n){
        if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) ))
            o[p]=n[p];
    }
};

以上就是小编整理总结的三种js对象合并的方法,大家可以直接套入使用哦~更多js学习推荐:js教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3402/viewspace-2831228/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-11

  • 博文量
    280
  • 访问量
    20974