zoukankan      html  css  js  c++  java
  • 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]
    */

    http://www.bijianshuo.com 软文发稿平台

    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
    */
  • 相关阅读:
    一则由表单提交引发的思考
    前端技术栈持续汇总中(已解锁)
    5599充值中心功能开发
    CSS动画持续汇总中
    编程小技巧持续汇总中
    开发软件安装方法汇总
    HashMap中tableSizeFor
    2019年JVM面试都问了什么?快看看这22道面试题!(附答案解析)
    Spring注解@EnableWebMvc使用坑点解析
    线程池中 work 为何要实现 AbstractQueuedSynchronizer
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/14982582.html
Copyright © 2011-2022 走看看