JavaScript對(duì)象_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
JavaScript的對(duì)象是一種無序的集合數(shù)據(jù)類型,它由若干鍵值對(duì)組成。
JavaScript的對(duì)象用于描述現(xiàn)實(shí)世界中的某個(gè)對(duì)象。例如,為了描述“小明”這個(gè)淘氣的小朋友,我們可以用若干鍵值對(duì)來描述他:
var xiaoming = { name: '小明', birth: 1990, school: 'No.1 Middle School', height: 1.70, weight: 65, score: null };
JavaScript用一個(gè){...}表示一個(gè)對(duì)象,鍵值對(duì)以xxx: xxx形式申明,用,隔開。注意,最后一個(gè)鍵值對(duì)不需要在末尾加,,如果加了,有的瀏覽器(如低版本的IE)將報(bào)錯(cuò)。
上述對(duì)象申明了一個(gè)name屬性,值是'小明',birth屬性,值是1990,以及其他一些屬性。最后,把這個(gè)對(duì)象賦值給變量xiaoming后,就可以通過變量xiaoming來獲取小明的屬性了:
xiaoming.name; // '小明' xiaoming.birth; // 1990
訪問屬性是通過.操作符完成的,但這要求屬性名必須是一個(gè)有效的變量名。如果屬性名包含特殊字符,就必須用''括起來:
var xiaohong = { name: '小紅', 'middle-school': 'No.1 Middle School' };
xiaohong的屬性名middle-school不是一個(gè)有效的變量,就需要用''括起來。訪問這個(gè)屬性也無法使用.操作符,必須用['xxx']來訪問:
xiaohong['middle-school']; // 'No.1 Middle School' xiaohong['name']; // '小紅' xiaohong.name; // '小紅'
也可以用xiaohong['name']來訪問xiaohong的name屬性,不過xiaohong.name的寫法更簡(jiǎn)潔。我們?cè)诰帉慗avaScript代碼的時(shí)候,屬性名盡量使用標(biāo)準(zhǔn)的變量名,這樣就可以直接通過object.prop的形式訪問一個(gè)屬性了。
實(shí)際上JavaScript對(duì)象的所有屬性都是字符串,不過屬性對(duì)應(yīng)的值可以是任意數(shù)據(jù)類型。
如果訪問一個(gè)不存在的屬性會(huì)返回什么呢?JavaScript規(guī)定,訪問不存在的屬性不報(bào)錯(cuò),而是返回undefined:
var xiaoming = { name: '小明' }; xiaoming.age; // undefined
由于JavaScript的對(duì)象是動(dòng)態(tài)類型,你可以自由地給一個(gè)對(duì)象添加或刪除屬性:
var xiaoming = { name: '小明' }; xiaoming.age; // undefined xiaoming.age = 18; // 新增一個(gè)age屬性 xiaoming.age; // 18 delete xiaoming.age; // 刪除age屬性 xiaoming.age; // undefined delete xiaoming['name']; // 刪除name屬性 xiaoming.name; // undefined delete xiaoming.school; // 刪除一個(gè)不存在的school屬性也不會(huì)報(bào)錯(cuò)
如果我們要檢測(cè)xiaoming是否擁有某一屬性,可以用in操作符:
var xiaoming = { name: '小明', birth: 1990, school: 'No.1 Middle School', height: 1.70, weight: 65, score: null }; 'name' in xiaoming; // true 'grade' in xiaoming; // false
不過要小心,如果in判斷一個(gè)屬性存在,這個(gè)屬性不一定是xiaoming的,它可能是xiaoming繼承得到的:
'toString' in xiaoming; // true
因?yàn)閠oString定義在object對(duì)象中,而所有對(duì)象最終都會(huì)在原型鏈上指向object,所以xiaoming也擁有toString屬性。
要判斷一個(gè)屬性是否是xiaoming自身擁有的,而不是繼承得到的,可以用hasOwnProperty()方法:
var xiaoming = { name: '小明' }; xiaoming.hasOwnProperty('name'); // true xiaoming.hasOwnProperty('toString'); // false
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js 將json字符串轉(zhuǎn)換為json對(duì)象的方法解析
- js delete 用法(刪除對(duì)象屬性及變量)
- JS對(duì)象與JSON格式數(shù)據(jù)相互轉(zhuǎn)換
- JS 創(chuàng)建對(duì)象(常見的幾種方法)
- JavaScript中json對(duì)象和string對(duì)象之間相互轉(zhuǎn)化
- JavaScript 三種創(chuàng)建對(duì)象的方法
- js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象
- 用原生JS獲取CLASS對(duì)象(很簡(jiǎn)單實(shí)用)
- js中判斷對(duì)象是否為空的三種實(shí)現(xiàn)方法
- js用Date對(duì)象的setDate()函數(shù)對(duì)日期進(jìn)行加減操作
相關(guān)文章
JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹
下面小編就為大家?guī)硪黄狫avaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05微信小程序MUI側(cè)滑導(dǎo)航菜單示例(Popup彈出式,左側(cè)滑動(dòng),右側(cè)不動(dòng))
這篇文章主要介紹了微信小程序MUI側(cè)滑導(dǎo)航菜單,結(jié)合實(shí)例形式分析了微信小程序Popup彈出式,左側(cè)滑動(dòng),右側(cè)不動(dòng)菜單功能相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2019-01-01javascript設(shè)計(jì)模式之解釋器模式詳解
這篇文章主要介紹了javascript設(shè)計(jì)模式之解釋器模式詳解,當(dāng)有一個(gè)語言需要解釋執(zhí)行,并且可以將該語言中的句子表示為一個(gè)抽象語法樹的時(shí)候,可以考慮使用解釋器模式,需要的朋友可以參考下2014-06-06深入淺析JavaScript面向?qū)ο蠛驮秃瘮?shù)
這篇文章主要介紹了深入淺析JavaScript面向?qū)ο蠛驮秃瘮?shù)的相關(guān)資料,需要的朋友可以參考下2016-02-02js獲取location.href的參數(shù)實(shí)例代碼
本文為大家介紹下js如何獲取location.href的參數(shù),需要注意的是去掉參數(shù)里最開頭的?號(hào),具體實(shí)現(xiàn)如下,有需要的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08es6基礎(chǔ)學(xué)習(xí)之解構(gòu)賦值
解構(gòu)賦值語法是一個(gè) Javascript 表達(dá)式,這使得可以將值從數(shù)組或?qū)傩詮膶?duì)象提取到不同的變量中。這篇文章主要給大家介紹了關(guān)于es6基礎(chǔ)學(xué)習(xí)之解構(gòu)賦值的相關(guān)資料,需要的朋友可以參考下2018-12-12使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個(gè)小開源項(xiàng)目,它可以在網(wǎng)頁中對(duì)各種程序源代碼語法進(jìn)行加亮顯示。2010-02-02