js对象取值的两种方式（点和中括号）

js获取对象的属性值，有两种方法
1.通过点的方式（object.key）
2.通过[]的方式(object[key])
代码如下：

  // 通过.的方式获取属性值 ，key是静态的
        var obj = {name:"小太阳",age:18};
        var name1 = obj.name;//使用点的方式

 // 通过[]的方式获取属性值，key是动态的，可以是字符串，也可以是数字，还可以是变量
  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="状态">
      <template slot-scope="scope">
        <span >{{ scope.row.dealFlag ? statusData[(scope.row.dealFlag)].label : '' }}</span>
      </template>
    </el-table-column>

总结： 点和中括号方式的区别
1.点方法后面跟的必须是一个指定的属性名称，中括号里面可以是变量
2.中括号里面的属性可以是数字，点方法后面的属性名不能是数字
3.动态为对象添加属性是，只能用中括号