js對象取值的兩種方式(點和中括號)

js獲取對象的屬性值,有兩種方法
1.通過點的方式(object.key)
2.通過[]的方式(object[key])
代碼如下:

  // 通過.的方式獲取屬性值 ,key是靜態(tài)的
        var obj = {name:"小太陽",age:18};
        var name1 = obj.name;//使用點的方式

 // 通過[]的方式獲取屬性值,key是動態(tài)的,可以是字符串,也可以是數(shù)字,還可以是變量
  var obj1 = {"name":"小太陽","age":18};
  var obj2 = {1: "使用", 2: "為使用"}
  var attr1 = obj1["name"];//使用中括號的方式
  var attr2 = obj1[1]; 

 []也可以通常用來匹配字典表  變量形式
  var statusData = {
       '0': {
    label: '未處理'
  },
  '1': {
    label: '已處理'
  },
  '2': {
    label: '已過期'
  }
},
    <el-table-column
      prop="dealFlag"
      min-width="15%"
      label="狀態(tài)">
      <template slot-scope="scope">
        <span >{{ scope.row.dealFlag ? statusData[(scope.row.dealFlag)].label : '' }}</span>
      </template>
    </el-table-column>

總結(jié): 點和中括號方式的區(qū)別
1.點方法后面跟的必須是一個指定的屬性名稱,中括號里面可以是變量
2.中括號里面的屬性可以是數(shù)字,點方法后面的屬性名不能是數(shù)字
3.動態(tài)為對象添加屬性是,只能用中括號

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容