JS 对象属性增删改的方法，实例在线

对象属性

JavaScript中的对象属性，一般用来描绘与对象相关的重要特征，比如人的姓名、年龄、性别、学历、特长等等，这些是无序的一个集合，一般情况下会使用JavaScript的构造器constructor()来完成初始化，也可以在后期进行增加、删除和修改等。

访问对象属性的语法

obj.attrName 或 obj[ attrnName ]

提示：obj为Js对象，或者是自定义的类的实例，attrName为属性名称。


<script>
  class students{
    constructor(name){this.name = name}
  }
  
  var xiaoming = new students('小明')
  var name1 = xiaoming.name
  alert(name1)
  var name2 = xiaoming["name"]
  alert(name2)
  //重新运行请刷新
</script>

增加对象属性的方法

obj.attrName = value

提示：通过增加一个类实例对象没有的attrName并赋值来增加对象的属性：

<script>
  class students1{
    constructor(name){this.name = name}
  }
  
  var xiaoqiang = new students1('小强')
  xiaoqiang.age = 20
  alert(xiaoqiang['age'])
</script>

删除对象属性

delete obj.attrName

<script>
  class students2{
    constructor(name){this.name = name}
  }
  
  var xiaohua = new students2('小花')
  delete xiaohua.name
  alert(xiaohua.name)
</script>

修改对象属性

obj.attrName = NewValue 或obj[attrName] = NewValue

<script>
  class students3{
    constructor(name,age){
      this.name = name;
      this.age = age;
    }
  }
  
  var xiaomei = new students3('小美','20')
  alert(xiaomei.name + ' ' + xiaomei.age)
  xiaomei.age = 21
  xiaomei['name'] = '小李'
  alert(xiaomei.name + ' ' + xiaomei.age)
</script>

hot：热门