JavaScript對象屬性檢查、增加、刪除、訪問操作實例
更新時間：2015年07月08日 09:34:34 投稿：junjie
這篇文章主要介紹了JavaScript對象屬性檢查、增加、刪除、訪問操作實例,本文分別給出代碼實例來講解如何給對象增加屬性、檢查屬性存在、以及刪除和訪問屬性,需要的朋友可以參考下
檢查屬性
var mouse = {
"name": "betta",
"age": 3,
"varieties": "milaoshu"
}
mouse.hasOwnProperty("name"); // true
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 白色
刪除屬性
var cat = {
"name": "tom",
"sex": "man",
"color": "yellow"
}
delete cat.name;
cat.sex = undefined;
cat.color = null;
alert("name屬性是否存在：" + cat.hasOwnProperty("name")); //false
alert("sex屬性是否存在：" + cat.hasOwnProperty("sex")); //true
alert("color屬性是否存在：" + cat.hasOwnProperty("color")); //true
訪問屬性
var cat = {
"name": "tom",
"sex": "man",
"color": "yellow"
}
var name1 = cat.name; //通過點操作符來訪問對象屬性
var name2 = cat["name"]; //通過中括號操作符來訪問對象屬性
還有創(chuàng)建對象的兩種方式
var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;
var obj = {
name : "MangGuo", //name是屬性名，"MangGuo"是值
age : 25
}
相關(guān)文章
觸屏事件touch也稱為觸摸事件,touch對象代表一個觸摸點,觸摸點可能是一根手指,也可能是一根觸摸筆,觸屏事件可響應(yīng)用戶手指(或觸摸筆)對屏幕或者觸控板操作,下面這篇文章主要給大家介紹了關(guān)于JavaScript移動端常用事件之touch觸摸事件的相關(guān)資料,需要的朋友可以參考下2022-10-10
用戶可以發(fā)送小程序卡片給微信好友或者群,點擊小程序卡片可以直接進入小程序,這篇文章主要給大家介紹了關(guān)于微信小程序分享卡片花樣玩法之私密消息和動態(tài)消息的相關(guān)資料,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了深入理解es6塊級作用域的使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了JavaScript生成SQL查詢表單的方法,涉及javascript頁面元素及字符串操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了用js得到網(wǎng)頁中所有的div的id,需要的朋友可以參考下2006-11-11
用js控制css樣式，能讓網(wǎng)頁達到良好的的用戶體驗甚至是動畫的效果。并且考慮到效率。2009-10-10
詳解將微信小程序接口Promise化并使用async函數(shù)
這篇文章主要介紹了詳解將微信小程序接口Promise化并使用async函數(shù)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
javascript實現(xiàn) 在光標(biāo)處插入指定內(nèi)容
javascript實現(xiàn) 在光標(biāo)處插入指定內(nèi)容...2007-05-05
這篇文章主要為大家詳細介紹了如何利用原生JavaScript實現(xiàn)簡單的圖形驗證碼,文中的示例代碼講解詳細,具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以參考下2023-11-11
本文主要介紹了WebPack的基礎(chǔ)知識，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01