js 对象 key 变量

项目中有遇到根据点击的不同按钮将它们的class作为key传进data对象内，那么此时key 就是个变量，在开始写的时候是这样:

var data={id:id,
    classNameTitle:buttonType,
    tifier:tifier
}
console.log(data)

打印结果如下：

planMoney//为此时的classNameTitle
shut //为此时的buttonType
{id: 8, classNameTitle: "shut", tifier: "column"}

如上是不行的，所以在请教了度娘后，get到方法:

var data={id:id,
    tifier:tifier
}
data[classNameTitle] = buttonType;
console.log(data)

结果如下：

planMoney
shut
{id: 8, tifier: "column", planMoney: "shut"}

ok 轻松解决! 希望可以帮助到大家

js 对象 key 变量相关推荐

js 对象.key和对象[key]区别
js对象,key和对象[key]区别 var obj = {abc:"ss",nn:90}; var v1 = obj.abc;//使用点的方式 var v2 = obj[&quo ...
JS声明对象key为变量
JS声明对象key为变量给对象的键加方括号即可,如下: const roomName = room.roomName const roomDetail = { [roomName]: roomDes ...
JS基础：变量、函数、对象、数组、循环、选择（判断）
JS基础:变量.函数.对象.数组.循环.选择(判断) js的三个组成部分 ECMAScript - ES - 语法规范 DOM - 文档对象模型 - API BOM - 浏览器对象模型 - API j ...
使用变量的值作为JS对象的属性名，从而获取其对应的值
使用变量的值作为JS对象的属性名,从而获取其对应的值 <script>var object={"a":1111,"b":2222};var para ...
对象、对象的属性、对象字面量、枚举对象中的属性、可变类型、变量和对象——JS对象
目录一.对象二.对象的属性三.对象字面量四.枚举对象中的属性五.可变类型六.变量和对象数据类型: 原始值:(不可变类型) 1.数值 Number 2.大整数 BigInt 3.字符串 S ...
js给对象添加变量属性 js 更改对象中的属性名数组对象中每个对象添加一个字段-map用法和forEarch用法
js给对象添加变量属性 & js 更改对象中的属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法 1.js给对象添加变量属性 1.js创建一个对象或者在原有对 ...
JS中对象key为数字的使用
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>JS中 ...
这样写，才可以让JS对象中的key包含短横杠-
这样写,才可以让JS对象中的key包含短横杠- 在定义对象时,如果直接将包含短横杠-的字符串作为对象的key,JS会报错: const o = {v-red: 1 // 报错 SyntaxError: ...
php json 遍历 keys,详解javascript遍历json对象的key和任意js对象属性的示例代码（图）...
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧使用 keys 方法获取该对象 ...

js 对象 key 变量

js 对象 key 变量相关推荐

最新文章

热门文章