数组的浅拷贝和深拷贝,解决相互赋值之间的赋值错乱!!!!!!

var arr = [1,3,2];
arr.sort();
console.log(arr) // [1,2,3]

如果不想因为sort而影响了原数组，只需要把原数组拷贝一份，注意是深拷贝，而不是浅拷贝

浅拷贝如下

var arr2= [3]
var arr3=arr2
arr2[1] = 2
console.log(arr3) // [3,2] 这里是浅拷贝，浅拷贝会使两个数组共处同一份存储地址

深拷贝 .concat([])

var arr4 = arr2.concat([]);
arr2[2] = 5
console.log(arr4) // [3,2] 这里是深拷贝
arr4.sort(); // arr4 [2,3] arr2[3,2,5]

例:

 mounted() {
            this.$axios.get('http://api.kudesoft.cn/tdk/goods').then(res => {
                this.list = res.data.data.data.list;
                this.wys = res.data.data.data.list.concat([]);
                this.changes('综合');
            })
        },
        methods: {
            changes(text) {
                this.change = text;
                switch (text) {
                    case '销量':
                        this.list = this.wys.concat([]);
                        this.list.sort((a, b) => {
                            return b.monthSales - a.monthSales;
                        });
                        break;
                    case '价格':
                        this.list = this.wys.concat([]);
                        this.list.sort((a, b) => {
                            return a.actualPrice - b.actualPrice;
                        });
                        break;
                    case '天猫':
                        this.list = this.wys;
                        this.data = [];
                        this.list.map(item => {
                            if (item.shopType === 1) {
                                this.data.push(item);
                            }
                        });
                        this.list = this.data;
                        break;
                    case '淘宝':
                        this.list = this.wys;
                        this.data = [];
                        this.list.map(item => {
                            if (item.shopType === 0) {
                                this.data.push(item);
                            }
                        });
                        this.list = this.data;
                        break;
                    case '综合':
                        this.list = this.wys;
                }

            },
        }

深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝。

1. 深拷贝:
   深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。 深拷贝后的对象与原来的对象是完全隔离的，互不影响， 对一个对象的修改并不会影响另一个对象。

2. 浅拷贝:
   浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。

3. 可 以 使 用 for in 、 Object.assign 、 扩 展 运 算 符 … 、Array.prototype.slice()、Array.prototype.concat() 、递归等递归函数实现深拷贝