JavaScript对象属性检查、增加、删除、访问操作实例

这篇文章主要介绍了JavaScript对象属性检查、增加、删除、访问操作实例,本文分别给出代码实例来讲解如何给对象增加属性、检查属性存在、以及删除和访问属性,需要的朋友可以参考下

检查属性

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特性，最后遍历所有的属性以及值

1. var dog={ 
2. name:"芒果", 
3. type:"会之王", 
4. eat:function(){ 
5. alert("吃"); 
6. } 
7. } 
8. Object.prototype.color="白色"; 
9. var name; 
10. for(name in dog){ 
11. document.write(name+" "+dog[name]+"<br>") 
12. } 

效果如下

1. name 芒果 
2. type 会之王 
3. eat function (){ alert("吃"); } 
4. 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 = new Object(); 
2. obj.name = "MangGuo"; 
3. obj.age = 25; 
4.  
5. var obj = { 
6. name : "MangGuo", //name是属性名，"MangGuo"是值 
7. age : 25 
8. }