JS对象的属性名为变量时, 如何获取其对应的值?在Vue模板变量中的用法一样!

博客主要探讨JS对象属性名为变量时对应值的获取方法。当属性名是常量,可通过“对象.属性名称”或“对象[属性名称]”获取;若为变量,只能用“对象[属性名称]”,还提及在Vue模板变量中的类似用法。

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

JS对象的属性名为变量时, 如何获取其对应的值?在Vue模板变量中的用法一样!

一、如果属性名称是常量(固定值),获取对应对象的属性值的方式有:

对象.属性名称
对象[属性名称]

二、如果属性名称是一个变量(不固定值),获取属性值方式只能是:

对象[属性名称] 传进去的属性名称是一个变量,简单点说就是用“[]”来代替“.”

如:有对像user 内容如下

var user = {
"name":"张三","age":10,"sex":false
}

正常取name的值方法是:user.name
如果name是一个可变的名称,用变量nameStr作变量

var nameKey= "name";//或者接口返回的数据

这时取user.name的值改为:

user[nameKey]

在Vue模板中取值

{{user[nameKey]}}

nameKey是一个变量 可以根据业务接口返回的具体key值通过nameKey传进来 进行匹配

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值