js进阶之对象属性之平时大家想不到的(检查,增加,删除。。。)

来源:互联网 发布:炉石传说竞技场大数据 编辑:程序博客网 时间:2024/06/15 21:21

检查属性

  1. var mouse={
  2.   "name":"betta",
  3.   "age":3,
  4.   "varieties":"milaoshu"
  5. }
  6.  
  7. mouse.hasOwnProperty("name");// true
  8. mouse.hasOwnProperty("sex"); //false


增加属性

定义个对象 dog,然后赋予各种特性,再赋予 color特性,最后遍历所有的属性以及值

var dog={
  name:"芒果",
  type:"会之王",
  eat:function(){
    alert("吃");
  }
}
  Object.prototype.color="白色";
  var name;
  for(name in dog){
    document.write(name+" "+dog[name]+"<br>")
  }


效果如下


name 芒果
type 会之王
eat function (){ alert("吃"); }
color 白色


删除属性


  1. var cat={
  2.     "name":"tom",
  3.     "sex":"man",
  4.     "color":"yellow"
  5. }
  6. delete cat.name;
  7. cat.sex=undefined;
  8. cat.color=null;
  9. alert("name属性是否存在:"+ cat.hasOwnProperty("name")); //false
  10. alert("sex属性是否存在:"+ cat.hasOwnProperty("sex")); //true
  11. alert("color属性是否存在:"+ cat.hasOwnProperty("color")); //true



访问属性

  1. var cat={
  2.     "name":"tom",
  3.     "sex":"man",
  4.     "color":"yellow"
  5. }
  6. var name1= cat.name;//通过点操作符来访问对象属性
  7. var name2= cat["name"];//通过中括号操作符来访问对象属性


还有创建对象的两种方式


  1. var obj=newObject();
  2. obj.name="MangGuo";
  3. obj.age=25;


  1. var obj={
  2.     name :"MangGuo",//name是属性名,"MangGuo"是值
  3.     age :25
  4. }
0 0
原创粉丝点击