您的位置:

JS删除对象某个属性

一、js删除对象的某个属性

在JavaScript中,删除对象的某个属性可以使用delete关键字。delete关键字用于删除对象的属性,但是不会影响对象原型中的属性。

//定义一个对象
let obj = {name: "Lucy", age: 25, gender: "female"};

//删除对象的某个属性
delete obj.age;
console.log(obj); //输出结果:{name: "Lucy", gender: "female"}

在上面的示例中,我们使用delete关键字删除了对象obj的属性age,这时候obj只剩下name和gender这两个属性了。

二、js删除对象中的某个属性

有时候我们需要删除嵌套在对象中的属性,可以使用以下方法。

//定义一个嵌套的对象
let obj = {
  name: "Lucy",
  age: 25,
  address: {
    province: "Hunan",
    city: "Changsha",
    street: "No.123"
  }
};

//删除对象的某个属性
delete obj.address.street;
console.log(obj); //输出结果:{name: "Lucy", age: 25, address: {province: "Hunan", city: "Changsha"}};

在上面的示例中,我们使用delete关键字删除了对象obj中address属性中的street属性,这时候obj中的address属性只剩下province和city这两个属性了。

三、js对象删除某个属性的方法

另一种删除对象的某个属性的方法是使用Object.defineProperty()方法来重新定义属性并将其设置为undefined,如下所示:

//定义一个对象
let obj = {name: "Lucy", age: 25, gender: "female"};

//删除对象的某个属性
Object.defineProperty(obj, "age", {value: undefined});
console.log(obj); //输出结果:{name: "Lucy", age: undefined, gender: "female"}

在上面的示例中,我们使用Object.defineProperty()方法将属性age的值设置为undefined,实现了删除属性age的目的。

四、js删除对象属性的其他方法

除了上述两种方法,还有其他方法可以删除对象的属性。

1、使用Object.keys()和Array.prototype.filter()方法

//定义一个对象
let obj = {name: "Lucy", age: 25, gender: "female"};

//用Object.keys()和Array.prototype.filter()方法删除对象属性
Object.keys(obj).filter(key => key !== "age").forEach(key => {
  delete obj[key];
});
console.log(obj); //输出结果:{age: 25}

在上面的示例中,我们使用Object.keys()方法获取对象obj的所有属性名,然后使用Array.prototype.filter()方法筛选出不需要的属性,最后用forEach()方法和delete关键字删除属性。

2、使用lodash库中的omit()函数

//引入lodash库
const _ = require('lodash');

//定义一个对象
let obj = {
  name: "Lucy",
  age: 25,
  gender: "female"
};

//用omit()函数删除对象属性
obj = _.omit(obj, ['age']);
console.log(obj); //输出结果:{name: "Lucy", gender: "female"}

在上面的示例中,我们使用lodash库中的omit()函数删除对象obj的age属性,最后输出删除后的对象。

五、js删除对象中的某一项

除了删除对象的属性,还有删除对象中一项的需求。下面是删除对象中一项的方法示例。

//定义一个数组
let arr = ["Lucy", "Mike", "Tom"];

//用Array.prototype.splice()方法删除对象的某一项
arr.splice(1,1);
console.log(arr); //输出结果:["Lucy", "Tom"]

在上面的示例中,我们使用Array.prototype.splice()方法删除了数组arr中的第二项,也就是“Mike”这一项。

JS删除对象某个属性

2023-05-19
删除对象的某个属性

2023-05-20
javascript简要笔记,JavaScript读书笔记

2022-11-17
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
js待办事项列表添加删除代码的简单介绍

本文目录一览: 1、“点击此处可添加笔记”的代码怎么写 2、js动态添加、删除html代码 3、vivo手机便签怎么一起删 “点击此处可添加笔记”的代码怎么写 输入符号就可以了第一步打开手机,点击备忘

2023-12-08
删除对象的属性

2023-05-20
JS数组对象删除详解

2023-05-19
如何在JavaScript中删除数组中的某个对象

2023-05-17
印象笔记记录java学习(Java成长笔记)

2022-11-12
JS判断对象是否包含某个属性

2023-05-23
javascript一句话笔记,javascript基本语句

2022-11-16
python基础学习整理笔记,Python课堂笔记

2022-11-21
重学java笔记,java笔记总结

2022-11-23
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
Vue实现对象属性删除的方法

2023-05-17
如何删除Vue中的对象属性

2023-05-16
JS移除数组对象中的某个对象

2023-05-22
java学习笔记(java初学笔记)

2022-11-14
详解JavaScript删除对象数组中的一条对象

2023-05-20
JS循环数组对象删除指定对象

2023-05-23