js獲取對(duì)象的屬性值兩種方式
更新時(shí)間：2024年10月24日 11:47:50 作者：林小白的日常
這篇文章主要介紹了js獲取對(duì)象的屬性值兩種方式,在JavaScript中訪問對(duì)象的屬性值可以通過點(diǎn)運(yùn)算符（.）或括號(hào)運(yùn)算符（[]）兩種方式,文中將兩種方式的代碼介紹的非常詳細(xì),需要的朋友可以參考下
獲取對(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)文章
下面小編就為大家?guī)硪黄猨s防阻塞加載的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
淺談JS中的!=、== 、!==、===的用法和區(qū)別
下面小編就為大家?guī)硪黄獪\談JS中的!=、== 、!==、===的用法和區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
Quasar Input:type="number" 去掉上下小箭頭 實(shí)現(xiàn)加減按鈕樣式功能
這篇文章主要介紹了Quasar Input:type="number" 去掉上下小箭頭 實(shí)現(xiàn)加減按鈕樣式,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-04-04
javascript forEach通用循環(huán)遍歷方法
循環(huán)遍歷一個(gè)元素是開發(fā)中最常見的需求之一，那么讓我們來看一個(gè)由框架BASE2和Jquery的結(jié)合版本吧.2010-10-10
如何解決前端JavaScript處理流式響應(yīng)的坑
axios是一個(gè)支持node端和瀏覽器端的易用、簡(jiǎn)潔且高效的http庫(kù),這篇文章主要介紹了如何解決前端JavaScript處理流式響應(yīng)的坑,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-06-06
js實(shí)現(xiàn)倒計(jì)時(shí)秒殺效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)秒殺效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript/TypeScript 前端實(shí)現(xiàn)文件上傳到 MinIO 完整指南
本文介紹了前端使用JavaScript/TypeScript實(shí)現(xiàn)文件上傳到MinIO對(duì)象存儲(chǔ)的完整方案,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-12-12
javascript中字體浮動(dòng)效果的簡(jiǎn)單實(shí)例演示
這篇文章主要介紹了javascript中字體浮動(dòng)效果的簡(jiǎn)單實(shí)例演示,在一些網(wǎng)站上經(jīng)常遇到當(dāng)鼠標(biāo)移導(dǎo)航欄的時(shí)候，能夠使其彈出下拉選項(xiàng)，現(xiàn)在就演示一下這種功能，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要源碼解讀了Bootstrap下拉菜單，介紹了Bootstrap各式各樣的下拉菜單,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08