在没有 解构（Destructure） 之前，删除对象属性，主要通过 delete 操作符来实现
const data = { a: 1, b: 2, c: 3 };
console.log('删除对象 data 属性 "a" 之前：', data);
delete data.a;
console.log('删除对象 data 属性 "a" 之后：', data);
// 输出
// 删除对象 data 属性 "a" 之前： {a: 1, b: 2, c: 3}
// 删除对象 data 属性 "a" 之后： {b: 2, c: 3}
而 delete 删除操作对性能有一定影响。
singsong: 如果需要执行大量删除操作，一般会选择直接赋值
undefined。或者返回一个新对象。
随着 ES6 到来，引入了许多新特性，如 解构语法 就是个很常用的特性。
const data = { a: 1, b: 2, c: 3 };
const {a, b, c} = data;
console.log(data);
console.log(`a: ${a}\nb: ${b}\nc: ${c}`)
// 输出
// {a: 1, b: 2, c: 3}
// a: 1
// b: 2
// c: 3
解构删除对象属性
存在对象 data = { a: 1, b: 2, c: 3 }，如果要删除属性 a
const data = { a: 1, b: 2, c: 3 };
const {a, ...newData} = data;
console.log('删除对象 data 属性 "a" 之前：', data);
console.log('删除对象 data 属性 "a" 之后：', newData);
// 输出
// 删除对象 data 属性 "a" 之前： {a: 1, b: 2, c: 3}
// 删除对象 data 属性 "a" 之后： {b: 2, c: 3}
解构删除动态对象属性
存在对象 data = { a: 1, b: 2, c: 3 }，如果现在要删除属性存在变量 deleteProp = "a"
let deleteProp = "a";
const data = { a: 1, b: 2, c: 3 };
const {[deleteProp]: remove, ...newData} = data;
console.log('删除对象 data 属性 "a" 之前：', data);
console.log('删除对象 data 属性 "a" 之后：', newData);
// 输出
// 删除对象 data 属性 "a" 之前： {a: 1, b: 2, c: 3}
// 删除对象 data 属性 "a" 之后： {b: 2, c: 3}
