0

0

javascript怎样删除对象属性_delete运算符如何使用?

紅蓮之龍

紅蓮之龍

发布时间:2026-01-06 20:22:02

|

324人浏览过

|

来源于php中文网

原创

delete只对对象自有可配置属性有效,不能删除变量、函数声明或不可配置属性;赋值undefined不删除属性,而delete真正移除属性;数组中delete产生空槽,应使用splice等方法。

javascript怎样删除对象属性_delete运算符如何使用?

delete 运算符能删掉对象属性,但不能删变量或函数声明

直接说结论:delete 只对对象的**自有可配置属性**有效。它不是“删除变量”的工具,也不能删 varletconst 声明的绑定,也不能删函数声明(function foo() {})本身。

常见误解是以为 delete obj.key 类似于 obj.key = undefined —— 实际上二者语义完全不同:delete 真正移除属性(从对象内部属性列表中剔除),而赋值 undefined 只是改值,属性依然存在、仍会被 for...in 遍历到。

  • delete 返回布尔值:true 表示删除成功(或目标本就不存在),false 表示失败(如属性不可配置)
  • 严格模式下,尝试删除不可配置属性会抛出 TypeError;非严格模式下静默失败(返回 false
  • 全局作用域下用 var 声明的变量,其属性被自动设为不可配置,所以 delete window.xxx 一定失败

哪些属性删不掉?看 [[Configurable]] 特性

对象属性是否可删,取决于它的 [[Configurable]] 内部特性。默认情况下:

  • Object.defineProperty(obj, 'key', { value: 1 }) 创建的属性,configurable 默认为 falsedelete 失败
  • obj.key = 1obj['key'] = 1 创建的属性,configurable 默认为 truedelete 成功
  • 访问器属性(get/set)若未显式设 configurable: true,也删不掉
const obj = {};
Object.defineProperty(obj, 'locked', { value: 42 });
console.log(delete obj.locked); // false(不可配置)

obj.normal = 'ok';
console.log(delete obj.normal); // true(可配置)

delete 对数组的影响:不要用来删数组元素

delete arr[2] 不会改变数组长度,也不会移动后续元素,而是把对应位置变成“空槽”(empty),该索引在 for...in 中仍会出现,但 arr[2] 访问返回 undefined,且 Array.isArray(arr) 仍为 true

LLaMA
LLaMA

Meta公司发布的下一代开源大型语言模型

下载

立即学习Java免费学习笔记(深入)”;

  • 这不是你想要的“删除数组元素”行为 —— 应该用 splice()filter()pop()/shift()
  • delete 后的数组用 forEachmap 会跳过空槽,但 for...in 仍会遍历到那个索引
  • 性能上,delete 会让 V8 引擎将数组退化为“字典模式”,后续操作变慢
const arr = ['a', 'b', 'c', 'd'];
delete arr[2];
console.log(arr);        // ['a', 'b', <empty>, 'd']
console.log(arr.length); // 4(没变!)
console.log('2' in arr); // false(但注意:这和 hasOwnProperty 不同)

替代方案:Reflect.deleteProperty 更可控

Reflect.deleteProperty(obj, key)delete 的函数式封装,行为完全一致,但它更适合作为高阶操作使用(比如配合 Proxy 或统一错误处理)。它不会在严格模式下抛异常,而是始终返回布尔值,便于逻辑判断。

  • delete 一样,只影响自有可配置属性
  • 不触发语法错误,适合动态键名场景(Reflect.deleteProperty(obj, someKey)delete obj[someKey] 在某些静态检查工具中更友好)
  • 无法绕过不可配置限制 —— 它只是把 delete 操作“函数化”,不是增强版
const obj = { a: 1, b: 2 };
const key = 'a';
console.log(Reflect.deleteProperty(obj, key)); // true
console.log(obj); // { b: 2 }
真正容易被忽略的是:很多开发者在循环中边遍历边 delete 对象属性,却没意识到这不会影响当前遍历顺序(因为 for...in 遍历的是属性快照,不是实时结构),也不影响 Object.keys() 的结果(它只返回可枚举自有属性,且生成时已确定)。要安全地批量删属性,先收集键名再统一删,比边遍历边删更可靠。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1567

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

241

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

150

2025.10.17

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

267

2025.12.04

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

562

2023.09.20

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

77

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

40

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

67

2025.11.17

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号