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


目录
相关文章
|
3月前
ES6新增语法 对象解构
ECMAScript6引入的对象解构语法允许在一行代码中完成多个赋值操作。例如,从一个包含姓名和年龄的对象中提取属性,传统方法需分别获取,而使用解构赋值可简洁实现相同功能。此外,它支持为未定义的属性设置默认值、对已声明变量的解构赋值(需加括号)、嵌套解构以及在函数参数中直接解构等特性,极大提升了代码的可读性和编写效率。
32 1
ES6新增语法 对象解构
ES6新增操作字符串的七种方法
ES6新增操作字符串的七种方法
ES6中的新增属性——解构赋值
ES6中的新增属性——解构赋值
|
存储 前端开发 JavaScript
ES6新特性。对象、数组新增方法
ES6新特性。对象、数组新增方法
192 0
|
前端开发 JavaScript
html标签的tabindex属性?css变量和js更改变量?ES6新增特性Map/WeakMap和Set/WeakSet
tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。
lodash创建一个新的对象,对象的属性名可以修改
lodash创建一个新的对象,对象的属性名可以修改
479 0
lodash删除对象的属性
lodash删除对象的属性
931 0
lodash移除对象属性路径的属性
lodash移除对象属性路径的属性
134 0