淺談js物件屬性 透過點(.) 和方括號([]) 的不同之處

【JS物件屬性的查詢與設定】

可以透過點(.) 或 方括號([]) 運算子來取得屬性的值。運算子左側應是一個表達式，它會傳回一個物件。對於點(.)來說，右側必須是以屬性名稱命名的簡單識別碼。對方括號([])來說，方括號裡必須是一個計算結果為字串的表達式，這個字串就是屬性的名字：

<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>

當透過點運算子(.)方法物件屬性時，屬性名用一個標識符來表示。標識符必須直接出現再js程式中，它們不是資料類型，因此程式無法修改它們。

反過來講，當透過[]來方式物件的屬性時，屬性名稱透過字串表示。字串是js的資料類型，再程式運行時可以修改和建立它們。

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

這段程式碼讀取customer物件的address0,adddress1,address2,adddress3屬性，並將他們連接起來。

以上就是小編為大家帶來的淺談js物件屬性透過點(.) 和方括號([]) 的不同之處全部內容了，希望大家多多支持PHP中文網~

更多淺談js物件屬性透過點(.) 和方括號([]) 的不同之處相關文章請關注PHP中文網！