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