Object.assign()

ES6语法 ，对象的合并

一般就是复制对象，为了不修改源对象

注意，Object.assign 会跳过那些值为 null 或 undefined 的源对象。

示例

varobj={a:1};

varcopy=Object.assign({},obj);

console.log(copy);// { a: 1 }

深拷贝问题

针对深拷贝，需要使用其他方法，因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值。

JSON.parse()和JSON.stringify()

js 内置对象的方法 json

parse用于从一个字符串中解析出json对象,如

var str = '{"name":"huangxiaojian","age":"23"}'

结果：

JSON.parse(str)

Object

age: "23"

name: "huangxiaojian"

__proto__: Object

注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。*

stringify()用于从一个对象解析出字符串，如

var

a = {a:1,b:2}

结果：

JSON.stringify(a)

"{"a":1,"b":2}"

深拷贝问题

针对深拷贝，需要使用其他方法，因为Object.assign()拷贝的是属性值。假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值。

functiontest(){'use strict';letobj1={a:0,b:{c:0}};letobj2=Object.assign({},obj1);

console.log(JSON.stringify(obj2));// { a: 0, b: { c: 0}}

obj1.a=1;console.log(JSON.stringify(obj1));// { a: 1, b: { c: 0}}

console.log(JSON.stringify(obj2));// { a: 0, b: { c: 0}}

obj2.a=2;console.log(JSON.stringify(obj1));// { a: 1, b: { c: 0}}

console.log(JSON.stringify(obj2));// { a: 2, b: { c: 0}}

obj2.b.c=3;console.log(JSON.stringify(obj1));// { a: 1, b: { c: 3}}

console.log(JSON.stringify(obj2));// { a: 2, b: { c: 3}}// Deep Cloneobj1={a:0,b:{c:0}};

letobj3=JSON.parse(JSON.stringify(obj1));

obj1.a=4;

obj1.b.c=4;

console.log(JSON.stringify(obj3));// { a: 0, b: { c: 0}}}

test();

备注：

但是在es6才可以用 在es5里面 不能用 然后有个大佬给了解决办法就是

var b = JSON.parse(JSON.stringfly(a))

合并对象

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 }, 注意目标对象自身也会改变。

原文地址：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign