JavaScript删除对象的某个属性的方法

开发 前端
delete是删除对象的属性没有任何剩菜,剩下的唯一真正的方法,但它的工作比其“替代”设置慢100倍。

[[398353]]

1. delete

delete是删除对象的属性没有任何剩菜,剩下的唯一真正的方法,但它的工作比其“替代”设置慢100倍 object[key] = undefined

  1. var myObject = { 
  2.     "ircEvent": "PRIVMSG", 
  3.     "method": "newURI", 
  4.     "regex": "^http://.*" 
  5. }; 
  6. delete myObject.regex; 
  7.  
  8. console.log(myObject); 

delete 操作符会从某个对象上移除指定属性。成功删除的时候回返回 true,否则返回 false。但是,以下情况需要重点考虑:

如果你试图删除的属性不存在,那么delete将不会起任何作用,但仍会返回true

如果对象的原型链上有一个与待删除属性同名的属性,那么删除属性之后,对象会使用原型链上的那个属性(也就是说,delete操作只会在自身的属性上起作用)

任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。

这样的话,delete操作不能删除任何在全局作用域中的函数(无论这个函数是来自于函数声明或函数表达式)

除了在全局作用域中的函数不能被删除,在对象(object)中的函数是能够用delete操作删除的。

任何用let或const声明的属性不能够从它被声明的作用域中删除。

不可设置的(Non-configurable)属性不能被移除。这意味着像Math, Array, Object内置对象的属性以及使用Object.defineProperty()方法设置为不可设置的属性不能被删除。

2.  obj.field = undefined;

这个选择不是这个问题的正确答案!但是,如果你小心使用它,你可以大大加快一些算法。如果您delete在循环中使用并且在性能方面存在问题,请阅读详细解释

  1. var obj = { 
  2.     field: 1      
  3. }; 
  4. obj.field = undefined

3. 数组中使用delete

在数组中,与普通的旧对象不同,使用delete在表单中留下垃圾,null在数组中创建一个“洞”, 而且length不变。

  1. var array = [1, 2, 3, 4]; 
  2. delete array[2]; 
  3. /* Expected result --> [1, 2, 4] 
  4.  * Actual result   --> [1, 2, null, 4] 
  5.  */ 

4. 数组中使用splice

arrayObject.splice(index,howmany,item1,.....,itemX)

index: 必需。整数,规定添加/删除项目的位置,使用负数可从数组结

尾处规定位置。

howmany: 必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1: 可选。向数组添加的新项目。

  1. var arr = new Array(6) 
  2. arr[0] = "George" 
  3. arr[1] = "John" 
  4. arr[2] = "Thomas" 
  5. arr[3] = "James" 
  6. arr[4] = "Adrew" 
  7. arr[5] = "Martin" 
  8.  
  9. document.write(arr + "<br />") 
  10. arr.splice(2,0,"William") 
  11. document.write(arr + "<br />") 
  12. /* 
  13. *George,John,Thomas,James,Adrew,Martin 
  14. *George,John,William,Thomas,James,Adrew,Martin 
  15. */ 

本文转载自微信公众号「大迁世界」,可以通过以下二维码关注。转载本文请联系大迁世界公众号。

 

责任编辑:赵宁宁 来源: 大迁世界
相关推荐

2021-03-26 23:41:19

JavaScript对象开发

2023-06-02 15:42:51

JavaScript数据结构对象

2022-07-15 08:22:42

对象符串键Symbol

2019-04-23 15:20:26

JavaScript对象前端

2010-09-28 10:33:59

HTML DOM Ch

2018-12-19 19:30:46

JavaScript创建对象前端

2023-10-11 13:13:46

​PostmanJavaScrip

2020-07-14 13:16:32

JavaScript解构对象

2011-05-18 14:40:07

XML

2023-11-21 15:23:15

JavaScript工具

2010-09-13 15:15:04

0级DOMDOM

2021-08-01 16:30:18

Python编程语言

2021-04-07 10:12:05

Javascript对象拷贝开发

2021-05-14 00:00:15

JavaScript开发代码

2022-10-08 23:46:47

JavaScript对象开发

2022-01-20 09:58:44

Python元素列表

2010-11-16 16:36:40

Oracle删除用户

2021-07-27 22:56:00

JavaScript编程开发

2021-10-21 18:47:37

JavaScript面向对象

2009-11-23 14:30:07

PHP5.0对象模型
点赞
收藏

51CTO技术栈公众号