js 用变量做对象key值的写法

最新推荐文章于 2025-03-08 08:15:14 发布

原创最新推荐文章于 2025-03-08 08:15:14 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

8 篇文章

订阅专栏

本文探讨了JavaScript中使用变量为对象属性动态赋值的两种方式，包括直接赋值和中括号语法。示例展示了如何通过变量key设置对象属性，并在不同场景下的正确用法。

变量为name
对象为obj

var name = 'name';
var obj ={};
obj[key]='';    ✔

var name = 'jack'
var obj = {
  name: 1,
  [name] : 2,
  [name + 'aaa'] : 3
}
console.log(obj) // { name: 1, jack: 2, jackaaa: 3 }

以上这两种方式都是正确的

var name = 'name';
var obj = {key:''}   ✘

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一个骚气的男人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js 中对象的键名为变量的表示方法

jiangjunyuan168的博客

01-25

1961

js 中想要实现对象的键名是变量可以使用下面两种表示方法：...

【ES6】JavaScript对象-增强的对象语法-属性值简写-可计算属性-简写方法名

YK菌的博客

01-20

1316

文章目录1. 属性值简写2. 可计算属性3. 方法名简写4. 简写方法名和计算属性相互兼容 1. 属性值简写给对象添加属性，常常属性名和变量名是一样的 let name = 'YK菌'; let person = { name: name; }; console.log(person); // { name: 'YK菌' } 对象的属性值（name:name）可以简写成以下形式（name） let name = 'YK菌'; let person = { name; }; conso

1 条评论您还未登录，请先登录后发表或查看评论

JS将变量作为一个对象的Key

ddwddw4的博客

06-20

3433

1. 在JS中将变量作为一个对象的Key let a = 'name'; let obj = { [a]: 'zhangsan' } console.log(obj) console.log(obj[a], obj['name'], obj.name) delete obj.name; console.log(obj) 2...

js对象的key值使用变量/js如何将变量作为key值

weixin_45613604的博客

09-25

8559

var name = 'jack' var obj = { name: 1, [name] : 2, [name + 'aaa'] : 3 } console.log(obj) // { name: 1, jack: 2, jackaaa: 3 }

JS 对象 Key使用变量代替

weixin_38897313的博客

04-20

5789

JS 对象 Key使用变量代替 let key = 'aa' let data = { key: 'value' } 普通的对象类型数据中直接用变量名填写key 最后 key会变成变成变量名的字符串 let data = { [key]: 'value' } 使用中括号以后就会将变量所代表的值去填写key的名称 ...

js如何将变量作为一个对象的Key

FrankJiang

11-28

2002

var lastWord = 'last word'; var a = { 'first word': 'hello', [lastWord]: 'world' }; a['first word'] // "hello" a[lastWord] // "world" a['last word'] // "world"

js代码-获取对象字面量：获取环境变量时必用此方法，

07-15

本文将深入探讨如何使用JavaScript的对象字面量来获取环境变量，并通过实例解析其工作原理。一、对象字面量的定义对象字面量是一种在JavaScript中快速创建对象的方法，它的语法结构如下： ```javascript var my...

js中判断对象是否为空的三种实现方法

10-26

在JavaScript中，一个空对象是指没有任何属性（key-value对）的对象，例如`{}`。现在我们来看看三种判断方法： 1. **基于类型检查**： ```javascript if (typeof x === "undefined") { // 对象x未定义 } ``` ...

javascript学习——对象详解

白话机器学习

10-27

1176

对象（object）是 JavaScript 语言的核心概念，也是最重要的数据类型。什么是对象？简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。上面代码中，大括号就定义了一个对象，它被赋值给变量obj，所以变量obj就指向一个对象。该对象内部包含两个键值对（又称为两个“成员”），第一个键值对是，其中foo是“键名”（成员的名称），字符串Hello是“键值”（成员的值）。键名与键值之间用冒号分隔。第二个键值对是bar是键名，World是键值。两个键值对之间用逗号分隔。

v-for的key值使用方法

laoli360的博客

09-25

1464

情况1: 数组翻转情况2: 数组截取情况3: 更新值数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set() <template> <div> <ul> <li v-for="(val, index) in arr" :key="index"> {{ val }} </li>

js将变量值作为对象的key使用

chengjianghao的博客

08-13

1022

var a = 'aaa' var obj = { [a]: 'valueA', bbb: 'valueB', } console.log(obj.aaa) //valueA console.log(obj[a]) //valueA console.log(obj.bbb) //valueB console.log(obj['bbb']) //valueB var c = 'ccc' obj[c] = 'valueC' console.log(obj.ccc) //valueC console..

js如何动态设置对象的key？

王铁柱666的博客

03-08

817

在JavaScript中，如果你想要动态地设置对象的键（key），你可以使用方括号（这种语法允许你使用变量或表达式作为对象的属性名。这种方法非常有用，特别是当你需要根据某些条件或用户输入动态地设置对象属性时。在这个示例中，我们首先创建了一个空对象。接下来，我们使用方括号语法将。对象，可以看到它现在有一个名为。然后，我们定义了一个变量。，并将其设置为字符串。

如何将变量作为javascript对象的key

m-dididid的博客

08-17

445

如何将变量作为javascript对象的key var keyArr = ['key1', 'key2', 'key3', 'key4', 'key5']; var valueArr = [45, 67, "name", "kjhhh", 100]; var tarArr = []; var k; for (let i = 0; i < keyArr.length; i++) { k = keyArr[i]; // tarArr.push({ // k: value

JavaScript中获取json所有的Key作为一个数组，并利用变量作为json对象的KEY，来获取属性值。

happy81997的博客

07-13

4101

JavaScript中将变量作为json对象的KEY，来获取属性值场景描述 json对象要回去某个属性的值，一般都是根据键值key来获取，json.a="",但是有时候，需要动态的传键值Key来获取对应的属性值实现方式： 1、获取json多有的key值，作为一个数组 var data={k:'aa',b:'aaa'}; var keyData=Object.keys(data) //keyData=['k','b'] 2、动态传变量作为key var data={k:'aa',b:'a

工作日记：JS对象的key值可以使用变量

m0_67992720的博客

09-23

3118

JS对象的key值使用变量

如何快速拿到对象里面的key

old_hu的备忘录

06-03

2346

最简单最快的 let obj = { name: 'hwl', hello: 'world } Object.keys(obj) console.log(Object.keys(obj)); => (2) ["name", "hello"]

【JS】使用变量作为object的key-方法汇总

weixin_30577801的博客

04-26

449

1、方法一 1 var a = 'id'; 2 var str = '{'+a+' : 12}' 3 var obj = eval("("+str+")"); 　　结果： 1 obj={id:12} 2、方法二 1 var a='name'; 2 var obj={}; 3 obj[a]='jack'; 　　结果： 1 obj={nam...

javascript 本地属性、继承属性、原型链

Novice-XiaoSong的博客

10-26

441

Javascript 具有本地属性（own property），也有一些属性是从原型对象继承而来的，称为继承属性。function Obj() { this.x = 10; // 本地属性 own property } Obj.prototype.x = 0; // 继承属性 Obj.prototype.y = 1; // 继承属性 let o = new Obj(); console.log(o) 打印结果如下：原型链假设要查询对象o的属性y, 如果本地属性中不存在y, 那么会继续在o的原.

对象如何使用变量做key键

weixin_42274805的博客

03-15

1470

工作中，需要将变量用作对象键名，则需要这么处理： const keyName = 'key1'; let obj = {}; obj[keyName] = 232435423; obj; => {key1:232435423}

js 对象[] 是什么写法