javascript 对象的深浅拷贝

主要是在浏览器控制台执行的，主要看截图吧

一、浅拷贝

1.=

var obj = {"name":"张三","age":15};
var obj1 = obj;

obj === obj1

obj.age = 18;

2.Object.assign

var obj = {"name":"张三","age":15,"sex":{"ad":"男"}};
    var obj1 = {};
    Object.assign(obj1,obj);
obj.name = "李四";obj.sex.ad="女";

虽然Object.assign返回的是一个新的对象，但是在数据拷贝的过程中，如果某个key对应的value是引用类型的对象，那么Object.assign只会拷贝数据的引用，所以Object.assign其实是浅拷贝。

3.扩展运算符

行为和Object.assign类似

var obj = {"name":"张三",age:{"sex":"男"}};

var {...obj1}=obj;

obj.name="李四";

obj.age.sex="女";

4.jQuery.extend

var newObject = jQuery.extend({}, oldObject);

二、深拷贝

1.JSON.stringfy()和JSON.parse()

var obj = {"name":"张三",age:{"sex":"男"}};
var obj1 = JSON.parse(JSON.stringify(obj));

obj.name = "李四";
obj.age.sex = "女";

2.jQuery.extend

var newObject = jQuery.extend(true, {}, oldObject);