/ JavaScript  

深浅拷贝

深浅拷贝

a=[1,2,3],b=a,如何让 b.push 不影响数组 a（深浅拷贝）

1
2
const a = [1, 2];
const b = a.concat();
1
2
3
4
5
const a = [1, 2];
// 写法一
const b = [...a];
// 写法二
const [...b] = a;
1
2
var a = [1,2,3];
var b = a.slice();
1
2
var a = [1,2,3];
let b = Array.from(a)
1
2
3
var a = [1,2,3];
let b = [];
Array.prototype.push.apply(b,a);
1
2
3
4
var a = [1,2,3];
let b = a.map(function(item){
    return item;
    });

拓展：对象赋值如何能够做到不影响原对象

1
2
var a = {'name': 'wangying'};
var b = Object.assign({}, a);
1
2
3
4
5
6
7
8
9
//JSON.parse(JSON.stringify(object))
let a = {
    name: "muyiy",
    book: {
        title: "You Don't Know JS",
        price: "45"
    }
}
let b = JSON.parse(JSON.stringify(a));
  • JSON.parse(JSON.stringify(object))实现深拷贝的坑：
    • 如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；
    • 如果obj里有RegExp、Error对象，则序列化的结果将只得到空对象；
    • 如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失；
    • 如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null
    • JSON.stringify()只能序列化对象的可枚举的自有属性，例如 如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor；
    • 如果对象中存在循环引用的情况也无法正确实现深拷贝；