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.动态为对象添加属性是，只能用中括号