js獲取對(duì)象的屬性值兩種方式
獲取對(duì)象的屬性值,有兩種方式。
方式一:
對(duì)象.屬性名
let obj = { name:'張三', age:23 }; console.log(obj.name); //張三
方式二:
對(duì)象[屬性名]
let obj = { name:'張三', age:23 }; console.log(obj['name']); //張三
兩種方式有什么不同?
1.[ ]運(yùn)算符可以用數(shù)字作為屬性名,點(diǎn)運(yùn)算符不能
let obj = { name:'張三', age:23, 1:'數(shù)字' }; console.log(obj[1]); //數(shù)字 console.log(obj.1); //報(bào)錯(cuò)
報(bào)錯(cuò)的運(yùn)行結(jié)果:
2.[ ]運(yùn)算符可以用變量作為屬性名,點(diǎn)運(yùn)算符不能
let obj = { name:'張三', age:23, 1:'數(shù)字' }; let key = 'name' console.log(obj[key]); //張三 console.log(obj.key); //undefined
運(yùn)行結(jié)果:
總結(jié)
到此這篇關(guān)于js獲取對(duì)象的屬性值兩種方式的文章就介紹到這了,更多相關(guān)js獲取對(duì)象屬性值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用JavaScript腳本無(wú)法直接改變Asp.net中Checkbox控件的Enable屬性的解決方法
今天工作中遇到個(gè)小問(wèn)題,情況如下,當(dāng)我在后臺(tái)頁(yè)面中設(shè)置Checkbox的Enable的值為false時(shí),我在前端頁(yè)面中使用腳本(chk.disabled = false),無(wú)法改變disabled的值為false,下面看看小編是怎么解決此問(wèn)題的,需要的朋友一起了解了解吧2015-09-09Js實(shí)現(xiàn)滾動(dòng)變色的文字效果
滾動(dòng)變色的文字js特效,可看到文字在交替變色顯示,以吸引人的注意,效果真心不錯(cuò)哦,需要的朋友可以參考下2014-06-065分鐘快速掌握J(rèn)S中var、let和const的異同
在javascript中有三種聲明變量的方式:var、let、const,這個(gè)是對(duì)新手們來(lái)說(shuō)應(yīng)該掌握的知識(shí),所以這篇文章主要給大家介紹了關(guān)于如何通過(guò)5分鐘快速掌握J(rèn)S中var,let和const的異同,需要的朋友可以參考下2018-09-09JavaScrip如果基于url實(shí)現(xiàn)圖片下載
這篇文章主要介紹了JavaScrip如果基于url實(shí)現(xiàn)圖片下載,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07JS實(shí)現(xiàn)動(dòng)態(tài)增加和刪除li標(biāo)簽行的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)動(dòng)態(tài)增加和刪除li標(biāo)簽行的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10javascript 初學(xué)教程及五子棋小程序的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇javascript 初學(xué)教程及五子棋小程序的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07javascript實(shí)現(xiàn)評(píng)分功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)評(píng)分功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06IE與firefox下Dhtml的一些區(qū)別小結(jié)
IE與Mozilla下Dhtml的一些區(qū)別小結(jié)2009-12-12ts依賴引入報(bào)錯(cuò):無(wú)法找到模塊“xxxxxx”的聲明文件問(wèn)題解決
這篇文章主要給大家介紹了關(guān)于ts依賴引入報(bào)錯(cuò):無(wú)法找到模塊“xxxxxx”的聲明文件問(wèn)題的解決辦法,文中通過(guò)示例帶將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07