![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
ES6 中 Object 的一方法，可以是来合并多个JS对象（能用来实现浅拷贝）
第一个参数拷贝的目标对象，后面的参数是拷贝的来源对象
利用扩展运算法，可以实现浅拷贝的的功能。
手写浅拷贝的思路：
将一个对象从内存中完整的拷贝出来给目标独对象，并新开辟一个全新的内存空间存放对象，新对象的修改并不会改变原对象，实现真正的分离。
最简单的深拷贝的方法，就是把一个对象序列化成为 JSON 的字符串，并将对象里面的内容转成字符串，最后用 JSON.parse() 将 JSON 字符串生成一个新的对象。
但是 JSON.stringify 实现深拷贝有些地方需要注意：
这只是简版的，利用递归的方式实现深拷贝，同 JSON.stringify 效果一样，还是有些问题没有解决
即使修改 obj.data 下的属性，也是跟之前的没有关系
对象类型在赋值的过程中实际上是复制了地址，从而导致了其中一方被改变其他也都被改变的情况，在开发中我们通常不希望出现这样的问题，这里可以使用浅拷贝来解决这个情况。
首先我们可以通过Object.assign来实现浅拷贝，该函数只会拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，即为浅拷贝而不是深拷贝。
以下为Object.assign浅拷贝的简单实现：
还可以通过展开运算符...来实现浅拷贝：
但是，浅拷贝只解决了第一层的问题，如果对象下还有对象的话，那么又回到最开始的问题了，第二层的对象拷贝过来的只是地址，两者享有相同的地址，这时就需要用到深拷贝了。
我们通常使用JSON.parse(JSON.stringify(object))来解决：
但是该方法具有以下局限性：
遇到函数、undefined和symbol时，会直接忽略掉他们，该对象不能正常的序列化，此时我们需要实现一个更为完善的深拷贝。
小结：以上深拷贝的方法依然只是较为简易的，要想实现一个比较完美的深拷贝其实是很困难的，需要我们考虑很多种边界情况，比如原型链如何处理、DOM如何处理等。该deepClone函数就有两个较为明显的问题，一是没有解决对象的循环引用的问题（参考方案：用弱映射做一个哈希表，存储原对象，若缓存命中，则过滤本次拷贝，直接使用记忆化数据，否则惰性拷贝。一般不是为了解决IE的兼容性问题，都没有问题，考虑兼容性则按需垫片。生产环境其实还需要考虑其它类型的拷贝，一般直接使用辅助工具库。总而言之，按需拷贝）；二是无法实现函数的拷贝。
简单来说，深拷贝主要是将另一个对象的属性值拷贝过来之后，另一个对象的属性值并不受到影响，因为此时它自己在堆中开辟了自己的内存区域，不受外界干扰。浅拷贝主要拷贝的是对象的引用值，当改变对象的值，另一个对象的值也会发生变化。
使用 js ON.stringify和 js ON.parse实现深拷贝：JSON.stringify把对象转成字符串，再用JSON.parse把字符串转成新的对象；
缺陷：它会抛弃对象的 const ructor，深拷贝之后，不管这个对象原来的构造 函数 是什么，在深拷贝之后都会变成Object；这种方法能正确处理的对象只有 Number, String, Boolean, Array, 扁平对象，也就是说，只有可以转成JSON格式的对象才可以这样用，像function没办法转成JSON；
递归拷贝实现深拷贝，解决循环引用问题
