• 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
    */
  • 相关阅读:
    Windows Store App 主题动画
    Windows Store App 过渡动画
    Windows Store App 控件动画
    Windows Store App 近期访问列表
    Windows Store App 文件选取器
    Windows Store App 访问应用内部文件
    Windows Store App 用户库文件分组
    Windows Store App 获取文件及文件夹列表
    Windows Store App 用户库文件夹操作
    Windows Store App 用户库文件操作
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/14982582.html
Copyright © 2020-2023  润新知