Object.assign方法复制或合并对象

基本语法

Object.assign(target, ...sources)

Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数第一个参数是目标对象,后面的参数都是源对象。只要有一个参数不是对象,就会抛出TypeError错

代码块
var initData = {
        c:'xxx',
        d:'xxx'
    }
    var oldData = {
        a:'ww',
        b:'ee'
    }
    var newData = Object.assign({},initData,oldData)
    console.log(newData)//{c: "xxx", d: "xxx", a: "ww", b: "ee"}
var target = { a: 1, b: 1 };
var source1 = { b: 2, c: 2 };
var source2 = { c: 3 };
Object.assign(target, source1, source2);   // {a:1, b:2, c:3}
const object1 = {
  a: 1,
  b: 2,
  c: 3
};
Object.assign({c: 4, d: 5}, object1);

console.log(object1);//{a: 1, b: 2, c: 3}
console.log("-----------------------------------------------------");
console.log(Object.assign({c: 4, d: 5}, object1))//{c: 3, d: 5, a: 1, b: 2}
--------------------- 
var obj = { a: 1 };
 var copy = Object.assign({}, obj);
 console.log(copy); // { a: 1 }
function test() {
  let a = { b: {c:4} , d: { e: {f:1}} }
  let g = Object.assign({},a)
  let h = JSON.parse(JSON.stringify(a)); //克隆a对象
  console.log(g.d) // { e: { f: 1 } }
  g.d.e = 32
  console.log('g.d.e set to 32.') // g.d.e set to 32.
  console.log(g) // { b: { c: 4 }, d: { e: 32 } }
  console.log(a) // { b: { c: 4 }, d: { e: 32 } }
  console.log(h) // { b: { c: 4 }, d: { e: { f: 1 } } }
  h.d.e = 54
  console.log('h.d.e set to 54.') // h.d.e set to 54.
  console.log(g) // { b: { c: 4 }, d: { e: 32 } }
  console.log(a) // { b: { c: 4 }, d: { e: 32 } }
  console.log(h) // { b: { c: 4 }, d: { e: 54 } }
}
//克隆生成的对象是独立的,克隆对象和源对象互不影响
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };
var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变

代码演示

var nObj = Object.assign({},obj,obj1);//花括号叫目标对象,后面的obj、obj1是源对象。对象合并是指:将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的
    // console.log(nObj);
    // obj.sayName();//zhangsan
    // nObj.sayName();//zhangsan
    nObj.name = "lisi";
    nObj.sayName = function(){
      console.log(this.name);
    };
    console.log(nObj);
    obj.sayName();//zhangsan
    nObj.sayName();//lisi
    nObj.arr[0] = 10;
    console.log(obj);//[10,2,3,4]
    console.log(nObj); //[10,2,3,4]
    //说明是浅拷贝,若要深拷贝,请考虑以前的方法(只是将源对象的引用给目标对象)
    //【注意】:当Object.assign()方法用于数组时:
     var arr11 = Object.assign([1,2,3],[4,5]);
     console.log(arr11);//[4,5,3]
     //[说明]:对象是根据属性名来对应,数组是根据索引号来对应,相当于
      var arr23 = {
         0:1,
         1:2,
         2:3
      };//相同的属性名有0、1,后面的覆盖前面的.
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Object.assign()方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 ...
    执著_7a69阅读 5,769评论 0 2
  • 1 基本用法 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目...
    Api调用师阅读 4,340评论 0 4
  • 首先一个是对JS中Object的理解:JavaScript中函数是一等公民,写在代码中的 Array/Object...
    皮皮坤666阅读 5,644评论 0 3
  • Object.freeze() 该方法可以冻结一个对象,冻结对象指的是不能向这个对象,添加属性、删除属性、修改属性...
    秦声阅读 9,019评论 0 10
  • 此文章用于归纳Object的所有方法 在JavaScript中,object是所有对象的基础(原型链的顶端),所以...
    moonburn阅读 3,911评论 0 5

友情链接更多精彩内容