zoukankan      html  css  js  c++  java
  • JS的 delete操作符 删除对象属性

    JS如何删除对象中的某一属性

    var obj={
        name: 'zhagnsan',
        age: 19 
    }
    delete obj.name //true
    typeof obj.name //undefined
    • 通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔
    • 如果你试图删除的属性不存在,那么delete将不会起任何作用,但仍会返回true
    • 如果对象的原型链上有一个与待删除属性同名的属性,那么删除属性之后,对象会使用原型链上的那个属性(也就是说,delete操作只会在自身的属性上起作用)
    • 当一个属性被设置为不可设置,delete操作将不会有任何效果,并且会返回false。

    其他场景

    1.变量

    var name ='zs'  //已声明的变量
    delete name  //false
    console.log(typeof name)  //String
    
    age = 19  //未声明的变量
    delete age     //true
    typeof age //undefined
    
    this.val = 'fds'  //window下的变量
    delete this.val      //true
    console.log(typeof this.val)  //undefined

    已声明的变量不可删除, 未声明的变量可以删除

    2.函数

    var fn = function(){}  //已声明的函数
    delete fn    //false
    console.log(typeof fn)  //function
    
    fn = function(){}  //未声明的函数
    delete fn    //true
    console.log(typeof fn)  //undefined

    3.数组

    var arr = ['1','2','3']  ///已声明的数组
    delete arr    //false
    console.log(typeof arr)  //object
    
    arr = ['1','2','3']  //未声明的数组
    delete arr   //true    
    console.log(typeof arr)   //undefined
    
    var arr = ['1','2','3']   //已声明的数组
    delete arr[1]  //true
    console.log(arr)   //['1','empty','3'] 

    4.对象

    var person = {
      height: 180,
      long: 180,
      weight: 180,
      hobby: {
        ball: 'good',
        music: 'nice'
      }
    }
    delete person  ///false
    console.log(typeof person)   //object
    
    var person = {
      height: 180,
      long: 180,
      weight: 180,
      hobby: {
        ball: 'good',
        music: 'nice'
      }
    }
    delete person.hobby  ///true
    console.log(typeof person.hobby)  //undefined

    已声明的对象不可删除, 对象中的对象属性可以删除

  • 相关阅读:
    眼手组合-眼低手低者
    MongoDB、redis、memcached
    CAS单点登录配置 .
    Static attribute must be a String literal
    myeclipse 导包快捷键
    java生成json总结
    weblogic部署错误:weblogic.xml.jaxp.RegistrySAXParserFactory cannot be cast to javax.xml.parsers.SAXParserFactory
    xfire+spring webservice
    java中获取当前路径(转)
    MyEclipse使用指南(精简版) (转)
  • 原文地址:https://www.cnblogs.com/Joe-and-Joan/p/11691829.html
Copyright © 2011-2022 走看看