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
注意:对象展开运算符只能展开可迭代的对象,如数组和字符串。对于其他类型的对象(如函数和类),您需要手动定义该运算符的行为。