删除对象属性

虫虫教父

于 2024-02-05 10:13:36 发布

阅读量406

点赞数 8

文章标签：前端 javascript

本文链接：https://blog.csdn.net/u012793146/article/details/136036535

版权

本文介绍了在JavaScript中使用delete操作符、内置方法Reflect.deleteProperty以及ES6解构语法来删除对象属性的方法，同时强调了这些操作对原始对象的影响。

摘要由CSDN通过智能技术生成

使用delete操作符来删除一个属性

delete 操作符用于从一个对象中删除键，其键和值从一个对象中删除。

const objUser = { id: 1, name: '张三', age: 24, tel: '13000000000' };
delete objUser['tel'];
console.log(objUser); // {id: 1, name: '张三', age: 24}
或者
delete objUser.tel; // {id: 1, name: '张三', age: 24}

内置方法 Reflect.deleteProperty

const objUser = { id: 1, name: '张三', age: 24, tel: '13000000000' };
Reflect.deleteProperty(userInfo, 'name')
console.log(userInfo) // { id: 1, age: 24, tel: '13000000000' }

ES6解构的语法方法

解构赋值新的变量后，原来的对象不会受影响

const objUser = { id: 1, name: '张三', age: 24, tel: '13000000000' };
const { tel, age, ...newobj } = objUser;
console.log(newobj); // {id: 1, name: '张三'}
console.log(objUser); // {id: 1, name: '张三', age: 24, tel: '13000000000'}

正向获取

把要的字段罗列出来一个新的对象，原来的对象不会受影响

const objUser = { id: 1, name: '张三', age: 24, tel: '13000000000' };
let userData = (({id, name, age}) => ({id, name, age}))(objUser);
console.log(userData); // { id: 1, name: '张三', age: 24 }
console.log(objUser); // {id: 1, name: '张三', age: 24, tel: '13000000000'}