js之删除对象中的属性——delete、es6解构赋值、自执行匿名函数

js之删除对象中的属性——delete、es6解构赋值、自执行匿名函数

实例

const person = {
  name: '李世民',
  gender: 'male',
  age: 24
};

 // 删除目标对象的某一个属性
 //方法一：不改变原始对象
// 1.1、简化版—— js中的自执行匿名函数 (function(){})()
const result = (({name, gender}) => ({name,gender}))(person)
console.log(result) // {name: '李世民', gender: 'male'}
console.log(person) // {name: '李世民', gender: 'male', age: 24}

// 1.2、解释版—— 普通函数
const result = ({name, gender}) => {
  // console.log(name,gender);
   return ({name,gender})
}
// result(person)

console.log(result(person)) // {name: '李世民', gender: 'male'}
console.log(person)  // {name: '李世民', gender: 'male', age: 24}

//方法二： 解构赋值
let {name, ...personUnknowName} = person
console.log(personUnknowName)

// 方法三： delete
delete person.age;
console.log(person); // {name: '李世民', gender: 'male'}

1、基本介绍

delete 用于删除对象的某个属性,如果没有指向这个属性的引用，那它最终会被释放。

参数：

• object 对象的名称，或计算结果为对象的表达式。
• property 要删除的属性。

返回值：

• 对于所有情况都是true，除非属性是一个自身的 不可配置的属性，在这种情况下，非严格模式返回 false。

实例：

const car = {
  color: 'blue',
  brand: 'Ford'
}

delete car.brand  // 写法一
// delete car['brand']  // 写法二
console.log(car)  // {color: 'blue'}

2、用法

2.1、对象属性删除

function deleteFun(){
	this.name = '铁木真';
}

let obj = new deleteFun();
console.log(obj.name);  // 铁木真

delete obj.name;
console.log(obj.name); //undefined

2. 2、删除变量(delelte删除不了变量)

let name = '李世民';
delete name;
console.log(name);  // 李世民

2.3、删除不了原型链中的变量

deleteFun.prototype.age = 18;
delete obj.age;
console.log(obj.age)  // 18

3、es6写法

删除data对象里面的createTime属性

let { createTime, ...params } = data;
console.log(params)

最后这个params就是我们需要的值

const car = {
  color: 'blue',
  brand: 'Ford',
  num:18
}

let { brand, ...params } = car;
console.log(params) // {color: 'blue', num: 18}