JS-拷贝对象

As it is well known to us all, 拷贝对象分为浅拷贝和深拷贝，深拷贝只会复制地址，深拷贝才会复制内容，那么JS如何进行这两种拷贝呢？# 浅拷贝## Object.assign()方法[Object.assign() - JavaScript | MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)```jsvar object1 = { ?a: [1], ?b: 2, ?c: 3};var object2 = Object.assign({}, object1);console.log(object2.a);// [1]object1.a[0] = 111console.log(object2.a);// [111]```# 深拷贝## $.extend()方法[jQuery.extend() | jQuery API Documentation](https://api.jquery.com/jQuery.extend/)```jsvar jsdom = require("jsdom").JSDOM;var window = new jsdom(``).window;var $ = require(‘jquery‘)(window);var object1 = { ?a: [1], ?b: 2, ?c: 3};var object2 = $.extend(true, {}, object1);console.log(object2.a);// [1]object1.a[0] = 111console.log(object2.a);// [1]```## _.cloneDeep()方法[cloneDeep | Lodash Documentation](https://lodash.com/docs/4.17.11#cloneDeep)```jsvar _ = require("lodash");var object1 = { ?a: [1], ?b: 2, ?c: 3};var object2 = _.cloneDeep(object1);console.log(object2.a);// [1]object1.a[0] = 111console.log(object2.a);// [1]```## 注意### lodash拷贝数组，数组上的属性会丢失作者已经指出这不是bug，而是这样设计的：[clone does not copy array properties · Issue #3521 · lodash/lodash](https://github.com/lodash/lodash/issues/3521)PS：使用jquery拷贝不会这样。```jsvar jsdom = require("jsdom").JSDOM;var window = new jsdom(``).window;var $ = require(‘jquery‘)(window);var _ = require("lodash");var object1 = { ?a: [1], ?b: 2, ?c: 3};object1.a.p1 = 123;var jq_obj = $.extend(true, {}, object1);var lo_obj = _.cloneDeep(object1);console.log(jq_obj.a);// [1, p1: 123]console.log(lo_obj.a);// [1]```

JS-拷贝对象

原文地址：https://www.cnblogs.com/jffun-blog/p/10206585.html