【ES6】简单剖析一下展开运算符 “ ... “

基本用法

let row = {
    id: 1,
    name: 'John Doe',
    age: 30
};

let newRow = { ...row };

console.log(newRow);
// 输出: { id: 1, name: 'John Doe', age: 30 }

基本用法就是通过展开运算符，将某个对象中的元素依次展开，然后赋值给新的对象。

但是值得注意的是，这种拷贝是浅拷贝，也就是说，对于来源的对象，里面的属性如果是基本类型的话，他是拷贝了一个副本，但是如果是引用类型（对象或者数组），他是相当于复制了一个引用。

也就是说，如果来源的对象row，里面的引用类型改变了，那么目标的对象newRow里面的引用类型也会改变

let row = {
    id: 1,
    name: 'John Doe',
    address: {
        street: '123 Main St',
        city: 'Anytown'
    }
};

let newRow = { ...row };

// 修改 newRow 中的嵌套对象 address
newRow.address.street = '456 Elm St';

console.log(row.address.street); // 输出: '456 Elm St'
console.log(newRow.address.street); // 输出: '456 Elm St'

同样也可以进行数组的拷贝

let array2 = [4, 5, 6];

// 使用展开运算符拷贝两个数组并合并
let copiedArray = [...array1, ...array2];

console.log(copiedArray); // 输出: [1, 2, 3, 4, 5, 6]