快捷導(dǎo)航

淺談js對(duì)象屬性通過點(diǎn)(.) 和方括號(hào)([]) 的不同之處

更新時(shí)間：2016年10月29日 08:43:03 投稿：jingxian

下面小編就為大家?guī)硪黄獪\談js對(duì)象屬性通過點(diǎn)(.) 和方括號(hào)([]) 的不同之處。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

【JS對(duì)象屬性的查詢和設(shè)置】

可以通過點(diǎn)(.) 或方括號(hào)([]) 運(yùn)算符來獲取屬性的值。運(yùn)算符左側(cè)應(yīng)當(dāng)是一個(gè)表達(dá)式，它返回一個(gè)對(duì)象。對(duì)于點(diǎn)(.)來說，右側(cè)必須是一個(gè)以屬性名稱命名的簡(jiǎn)單標(biāo)識(shí)符。對(duì)于方括號(hào)([])來說，方括號(hào)里必須是一個(gè)計(jì)算結(jié)果為字符串的表達(dá)式，這個(gè)字符串就是屬性的名字：

<script type="text/javascript">
 var author = book.author; //得到book的"author"屬性
 var name = author.subname; //得到author的"surname"屬性
 var title = book["main title"]; //得到book的"main title"屬性
</script>

當(dāng)通過點(diǎn)運(yùn)算符(.)方法對(duì)象屬性時(shí)，屬性名用一個(gè)標(biāo)識(shí)符來表示。標(biāo)識(shí)符必須直接出現(xiàn)再js程序中，它們不是數(shù)據(jù)類型，因此程序無法修改它們。

反過來講，當(dāng)通過[]來方式對(duì)象的屬性時(shí)，屬性名通過字符串表示。字符串是js的數(shù)據(jù)類型，再程序運(yùn)行時(shí)可以修改和創(chuàng)建它們。

<script type="text/javascript">
 var addr = "";
 for(i=0;i<4;i++){
  addr += cutomer["address" + i] + "\n";
 }
</script>

這段代碼讀取customer對(duì)象的address0,adddress1,address2,adddress3屬性，并將他們連接起來。

以上就是小編為大家?guī)淼臏\談js對(duì)象屬性通過點(diǎn)(.) 和方括號(hào)([]) 的不同之處全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

用js實(shí)現(xiàn)的自定義的對(duì)話框的實(shí)現(xiàn)代碼
javascript alert函數(shù)的替代方案，一個(gè)自定義的對(duì)話框的方法
2010-03-03
關(guān)于Bootstrap按鈕組件消除黃框的方法
這篇文章主要介紹了Bootstrap按鈕組件消除黃框的方法,需要的朋友可以參考下
2017-05-05
10個(gè)很少使用的JavaScript?Console方法分享
你一定聽說過?console.log()?,而且可能一直在使用它,在本文中,我們將探討一些最有用的控制臺(tái)方法,以及它們?cè)跀?shù)據(jù)可視化、調(diào)試等方面的用途,感興趣的小伙伴可以學(xué)習(xí)一下
2023-09-09
json實(shí)現(xiàn)添加、遍歷與刪除屬性的方法
這篇文章主要介紹了json實(shí)現(xiàn)添加、遍歷與刪除屬性的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了json常見的添加、遍歷與刪除操作相關(guān)技巧,需要的朋友可以參考下
2016-06-06
JavaScript自定義分頁樣式
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義分頁樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
自己封裝的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例
下面小編就為大家?guī)硪黄约悍庋b的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
微信小程序?qū)崿F(xiàn)日期范圍選擇
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期范圍選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
談一談bootstrap響應(yīng)式布局
這篇文章主要和大家談一談bootstrap響應(yīng)式布局，本教程講解如何在網(wǎng)頁布局中應(yīng)用響應(yīng)式設(shè)計(jì)，感興趣的小伙伴們可以參考一下
2016-05-05
讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法
這篇文章主要介紹了讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-05-05
如何利用JSHint減少JavaScript的錯(cuò)誤
JSHint是一個(gè)社區(qū)驅(qū)動(dòng)用來檢測(cè)JavaScript代碼中錯(cuò)誤和潛在的問題以及執(zhí)行團(tuán)隊(duì)的編碼規(guī)范工具。它非常靈活,因此可以很容易地適應(yīng)您特定的編碼規(guī)則和你的代碼執(zhí)行環(huán)境。JSHint將永遠(yuǎn)保持開源的方式。
2016-08-08