js獲取對象的屬性值兩種方式
獲取對象的屬性值,有兩種方式。
方式一:
對象.屬性名
let obj = { name:'張三', age:23 }; console.log(obj.name); //張三
方式二:
對象[屬性名]
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); //報錯
報錯的運(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獲取對象的屬性值兩種方式的文章就介紹到這了,更多相關(guān)js獲取對象屬性值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用JavaScript腳本無法直接改變Asp.net中Checkbox控件的Enable屬性的解決方法
今天工作中遇到個小問題,情況如下,當(dāng)我在后臺頁面中設(shè)置Checkbox的Enable的值為false時,我在前端頁面中使用腳本(chk.disabled = false),無法改變disabled的值為false,下面看看小編是怎么解決此問題的,需要的朋友一起了解了解吧2015-09-095分鐘快速掌握J(rèn)S中var、let和const的異同
在javascript中有三種聲明變量的方式:var、let、const,這個是對新手們來說應(yīng)該掌握的知識,所以這篇文章主要給大家介紹了關(guān)于如何通過5分鐘快速掌握J(rèn)S中var,let和const的異同,需要的朋友可以參考下2018-09-09JS實現(xiàn)動態(tài)增加和刪除li標(biāo)簽行的實例代碼
下面小編就為大家?guī)硪黄狫S實現(xiàn)動態(tài)增加和刪除li標(biāo)簽行的實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10javascript 初學(xué)教程及五子棋小程序的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avascript 初學(xué)教程及五子棋小程序的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07IE與firefox下Dhtml的一些區(qū)別小結(jié)
IE與Mozilla下Dhtml的一些區(qū)別小結(jié)2009-12-12ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題解決
這篇文章主要給大家介紹了關(guān)于ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題的解決辦法,文中通過示例帶將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07