首页

JavaScript-怎么从JavaScript对象中删除一个属性?

myzbx 2025-01-09 14:48 61 浏览

要从一个对象中删除一个属性，你可以这样做。

delete myObject.regex;
// 或者
delete myObject['regex'];
// 或者,
var prop = "regex";
delete myObject[prop];

示例

var myObject = {
    "a": "1111",
    "b": "2222",
    "c": "3333"
};
delete myObject.a;

console.log(myObject);

知识点: delete 操作符

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

与通常的看法不同，delete操作符与直接释放内存无关。内存管理通过断开引用来间接完成的，查看内存管理页可了解详情。

delete 操作符会从某个对象上移除指定属性。成功删除的时候会返回 true，否则返回 false。

但是，以下情况需要重点考虑：

如果你试图删除的属性不存在，那么delete将不会起任何作用，但仍会返回true
如果对象的原型链上有一个与待删除属性同名的属性，那么删除属性之后，对象会使用原型链上的那个属性（也就是说，delete操作只会在自身的属性上起作用）
任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。这样的话，delete操作不能删除任何在全局作用域中的函数（无论这个函数是来自于函数声明或函数表达式）除了在全局作用域中的函数不能被删除，在对象(object)中的函数是能够用delete操作删除的。
任何用let或const声明的属性不能够从它被声明的作用域中删除。
不可设置的(Non-configurable)属性不能被移除。这意味着像Math, Array, Object内置对象的属性以及使用Object.defineProperty()方法设置为不可设置的属性不能被删除。

代码例子:

var Employee = {
  age: 28,
  name: 'abc',
  designation: 'developer'
}

console.log(delete Employee.name);   // returns true
console.log(delete Employee.age);    // returns true

// 当试着删除一个不存在的属性时
// 同样会返回true
console.log(delete Employee.salary); // returns true

HTML 全局属性

上一篇：分享 JavaScript 2024 的 6 个新功能
下一篇：这些 CSS 伪类，你可能还不知道，可以用起来了

JavaScript-怎么从JavaScript对象中删除一个属性?

知识点: delete 操作符

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

说下你的vue项目的目录结构，该怎么划分?

8.7k star，一款超炫酷的动态可视化大屏项目

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿