JavaScript如何删除对象的某个属性详析

 更新时间:2021年05月10日 10:51:35   作者:大迁世界  
这篇文章主要给大家介绍了关于JavaScript如何删除对象的某个属性的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

1、delete

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

var myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI",
    "regex": "^http://.*"
};
delete myObject.regex;

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在循环中使用并且在性能方面存在问题,请阅读详细解释

 var obj = {
     field: 1     
 };
 obj.field = undefined;

3、数组中使用delete

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

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

4、数组中使用splice

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

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

    尾处规定位置。

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

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

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")
/*
*George,John,Thomas,James,Adrew,Martin
*George,John,William,Thomas,James,Adrew,Martin
*/

总结

到此这篇关于JavaScript如何删除对象的某个属性的文章就介绍到这了,更多相关JavaScript删除对象某个属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 深入理解js 中async 函数的含义和用法

    深入理解js 中async 函数的含义和用法

    async 函数就是隧道尽头的亮光,很多人认为它是异步操作的终极解决方案。接下来通过本文给大家分享js 中async 函数的含义和用法,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-05-05
  • 自用js开发框架小成 学习js的朋友可以看看

    自用js开发框架小成 学习js的朋友可以看看

    前段时间项目需要用到js树,找了好多都不符合项目需求,后来发现了梅花雪树和js框架,类似C#名称空间的用法让我眼前一亮,遂拿来主义,读了几遍代码后就开工了(我是个急性子呵呵),完成了大部分,最近才找出来测试了下。
    2010-11-11
  • js window.addEventListener 简介

    js window.addEventListener 简介

    window.addEventListener是JavaScript中用于添加事件监听器的方法,允许在发生特定事件时执行函数,本文给大家介绍js window.addEventListener 是什么,感兴趣的朋友一起看看吧
    2024-09-09
  • 详解webpack+ES6+Sass搭建多页面应用

    详解webpack+ES6+Sass搭建多页面应用

    这篇文章主要介绍了webpack+ES6+Sass搭建多页面应用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Javascript中的prototype与继承

    Javascript中的prototype与继承

    本文主要介绍了Javascript中的prototype与继承,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js中函数调用的两种常用方法使用介绍

    js中函数调用的两种常用方法使用介绍

    这篇文章主要介绍了js中函数调用的两种常用方法使用,需要的朋友可以参考下
    2014-07-07
  • JavaScript 中级笔记 第二章

    JavaScript 中级笔记 第二章

    对象是组成JavaScript的基本单元。本章将从JavaScript语言中最重要的几个部分开始介绍:引用,函数重载,作用域,闭包和上下文。有了这些知识后,面向对象开发就将变得简单。
    2009-09-09
  • 微信小程序开发(二):页面跳转并传参操作示例

    微信小程序开发(二):页面跳转并传参操作示例

    这篇文章主要介绍了微信小程序开发页面跳转并传参操作,结合实例形式详细分析了微信小程序页面跳转并传参相关操作技巧,需要的朋友可以参考下
    2020-06-06
  • JavaScript使用Replace进行字符串替换的方法

    JavaScript使用Replace进行字符串替换的方法

    这篇文章主要介绍了JavaScript使用Replace进行字符串替换的方法,涉及Replace进行一次替换与全部替换的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • uniapp表单验证方法详解

    uniapp表单验证方法详解

    From表单组件具有数据收集、提交数据的功能,某种程度上说它就是一个容器,下面这篇文章主要给大家介绍了关于uniapp表单验证的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10

最新评论