es6删除对象的某个属性

简介: 1.不改变原始对象方法1(删除age属性为例)方法2(删除age为例)2 delete删除,改变原有数组删除age属性为例

1.不改变原始对象


方法1(删除age属性为例)

const obj = {
  name: 'xingxing',
  gender: 'girl',
  age: 24
};
const objNew = (({
  name,
  gender
}) => ({
  name,
  gender
}))(obj)
console.log(obj)
console.log(objNew)


输出如下:b7708395b46d5db2c4eec14e631f725.png

方法2(删除age为例)

const obj = {
  name: 'xingxing',
  gender: 'girl',
  age: 24
};
let {age,...objNew} = obj
console.log(objNew)
console.log(obj)


7f7b82797a720f7ea09d996595331c2.png


2 delete删除,改变原有数组


删除age属性为例


let obj = {
  name: 'xingxing',
  gender: 'girl',
  age: 24
};
delete obj.age
console.log(obj)

f810a03425f8e26a449ffbe5812e272.png


目录
相关文章
element-plus:el-table自定义展开图标处于列的位置
element-plus:el-table自定义展开图标处于列的位置
1552 0
|
缓存 JSON 前端开发
超详细讲解:http强缓存和协商缓存
超详细讲解:http强缓存和协商缓存
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
|
JavaScript 前端开发 API
[译] 如何更新 package.json 中的依赖项
[译] 如何更新 package.json 中的依赖项
[译] 如何更新 package.json 中的依赖项
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能,并展示了点击按钮收起或展开侧边栏的效果,提供了完整的实现代码和操作演示。
2353 0
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
echarts的xAxis和yAxis——x轴y轴以及网格线的详细配置
echarts的xAxis和yAxis——x轴y轴以及网格线的详细配置
7550 0
|
JavaScript
Echarts——VUE中如何给echarts绑定click事件
Echarts——VUE中如何给echarts绑定click事件
1362 1
|
移动开发 定位技术
uniapp组件map地图组件使用
uniapp组件map地图组件使用
961 0
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
707 0