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

最新推荐文章于 2022-04-08 12:43:11 发布

徊忆羽菲

最新推荐文章于 2022-04-08 12:43:11 发布

阅读量1.8k

点赞数 1

分类专栏： Javascript Jquery Html

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/114535681

版权

Html 同时被 3 个专栏收录

261 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍了JavaScript中获取对象属性的两种方式——点操作符和中括号操作符。点操作符适用于已知属性名，而中括号操作符允许动态获取属性，支持字符串、数字甚至变量作为键。中括号操作符在处理字典表变量和动态添加属性时尤为有用。总结了点和中括号方式的主要区别：1) 点操作符后跟固定属性名，中括号内可为变量；2) 中括号内的属性可为数字，点操作符则不行；3) 动态添加属性只能用中括号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

点的方式

通过点的方式（object.key）

[]的方式

通过[]的方式(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>