javascript 对象展开运算符

JavaScript 对象展开运算符（也称为对象扩展运算符）是一种语法，它允许您以简洁的方式将一个对象展开为另一个对象。

对象展开运算符使用三个点号（...）作为前缀，可以放在对象的字面量中或用于函数调用中的实参。

以下是一些基本用法的示例：

1.复制对象

const obj1 = { foo: 'bar', baz: 42 };
const obj2 = { ...obj1 };
console.log(obj2); // { foo: 'bar', baz: 42 }

2.合并对象

const obj1 = { foo: 'bar', baz: 42 };
const obj2 = { moo: 'qux', poo: 'doo' };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { foo: 'bar', baz: 42, moo: 'qux', poo: 'doo' }

3.添加或替换对象属性

const obj1 = { foo: 'bar', baz: 42 };
const obj2 = { ...obj1, foo: 'hello' };
console.log(obj2); // { foo: 'hello', baz: 42 }

5.删除某一项属性

（1）不影响原来的值

const obj= {
  name: '十六个人博客',
  url: 'rwlok.com'
};
const { url, ...objRest } = obj;
console.log(objRest); // { name: '十六个人博客' }
console.log(obj); // { name: '十六个人博客',url: 'rwlok.com' }

（2）影响原来的值

语法：delete object.property;

//1.直接删除
const obj = {name: '十六个人博客',url: 'rwlok.com'};
delete obj.url;
console.log(obj); // { name: '十六个人博客' }
//2.运用key删除
const obj = {  name: '十六个人博客',  url: 'rwlok.com'};
const name = 'url';
delete obj[name];
console.log(obj); // { name: '十六个人博客' }

4.用于函数参数

function myFunc(param1, param2, param3) {
  console.log(param1, param2, param3);
}
const myArgs = [1, 2, 3];
myFunc(...myArgs); // 1 2 3

注意:对象展开运算符只能展开可迭代的对象，如数组和字符串。对于其他类型的对象（如函数和类），您需要手动定义该运算符的行为。