這篇文章主要介紹了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. }