javascript：es6中，使用变量作为对象的key

最新推荐文章于 2023-03-15 17:27:19 发布
最新推荐文章于 2023-03-15 17:27:19 发布
阅读量1.1w 收藏 5
点赞数 7
分类专栏： javascript 文章标签： javascript js es6/es7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HUSHILIN001/article/details/106678983
版权

想了大概十分钟，不知道怎么描述场景，毕竟大家都遇到过，我就懒得描述了，直接写上代码还有测试的例子吧

	const keyName = 'keyName1';
	const obj = { [keyName]: 'keyname2' }
	console.log(obj)

测试结果

大概就这样子，没啥好写的，安

mkmin
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
ES6-对象
qq_58167492的博客
07-12 127
属性的简洁表示法：ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 拓展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象。 Object.is(value1, value2)：用来比较两个值是否严格相等，与（===）基本类似。......
ES6中 用表达式或变量名作为 对象的属性名（key）
lorogy的博客
12-10 1871
定义 var obj1={ a:"1", b:"2" } var obj2={ ["a"+1]:"1", ["a"+2]:"2" } var c="a" var obj3={ [c]:"1", } 使用 obj1.a obj1["b“] obj2["a1"] obj2["a"+2] var c="a" obj1[c]
js基础知识：es6中，当对象中的key名称为一个变量时，需要用`[]`括起来
学亮编程手记
03-25 1486
es6中，当对象中的key名称为一个变量时，需要用[]括起来
JavaScript对象(ES6)(一)
QDzzzhy
03-11 191
对象的扩展 ES6允许对象之中直接写变量和函数，作为对象的属性和方法(这种方法叫简洁表示法) var foo='bar'; var obj={foo}; obj ==> foo:"bar" function getPoint(){ var x=1; var y=10; return {x,y}; } getPoint(); ==>{x:1,...
ts typescript 类型声明 特殊声明字段 数字为key 键时候处理
young_sam的博客
08-16 4769
数字为键命名 const data :{[key: number]: string} = { 1: 'a', 2: 'b' } // data[1] = 'a' // data[2] = 'b' 当后端返回的对象键不确定的时候 const data :{[key: string]: string} = { 'xxx': 'a', 'abc': 'b' } // data['xxx'] = 'a' // data['abc'] = 'b' ...
【JS】使用变量作为object的key-方法汇总
weixin_30577801的博客
04-26 392
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...
typescript中，对象使用动态变量作为key获取相应的值时类型声明
qq_17335549的博客
12-24 8882
typescript中，对象使用动态变量作为key获取相应的值
es6-examples:ES6示例-Javascript新手
05-16
ES6 提供了解构赋值，可以方便地从数组或对象中提取值并赋给变量，如 `let [a, b] = [1, 2];` 或 `let {x, y} = {x: 1, y: 2};`。 5. **类（Class）与继承** ES6 引入了基于原型的面向对象编程的类语法，虽然实质...
JavaScript中 ES6变量的结构赋值
10-18
本文将深入讲解JavaScript中ES6变量的结构赋值及其应用。 1. **交换变量的值** 在传统JavaScript中，交换两个变量的值通常需要引入第三个临时变量。但ES6的结构赋值提供了更简洁的方式： ```javascript let x = ...
游乐场：es6功能播放
02-14
解构赋值使得我们可以方便地从数组或对象中提取值，赋值给对应的变量。例如： ```javascript const [a, b] = [1, 2]; // a=1, b=2 const {foo, bar} = {foo: 'fooValue', bar: 'barValue'}; // foo='fooValue', ...
es6-learning:ES6 实践
07-20
可以在对象字面量中直接定义方法和计算属性名，如 `let obj = { method() {}, ['prop' + key]: value };` ### 8. **模块导入导出** 使用`import`和`export`关键字实现模块化，提高了代码的可复用性和组织性。 ### ...
es6-features:es6功能演示
05-17
在ES6之前，我们只能使用匿名函数，但在ES6中，我们可以为函数表达式赋予一个名字，方便调试和自我解释性。例如： ```javascript const square = function square(x) { return x * x; } ``` ### 2. 箭头函数 箭头...
ES6如何提取对象的部分属性?
weixin_42178050的博客
03-15 2598
【代码】ES6如何提取对象的部分属性?
ES6 特性
qq_37753687的博客
05-26 1136
ES6 ECMAScript：是由 Ecrna 国际通过 ECMA-262标准化的脚本程序设计语言 let 局部变量 变量不能重复声明 变量作用域可以在{}内 不存在变量提升 不影响作用域值 const 声明常量 一定要赋初始值 一般常量使用大写 常量值不能修改 块级作用域 对于数组和对象的元素修改，不算做对常量的修改，不会报错 数组解构 对象解构 模板字符串 声明 内容中可以直接出现换行符
ES6学习 第二章 变量的解构赋值
gssggssg的博客
11-24 341
前言 该篇笔记是第二篇 变量的解构赋值。 这一章原文链接： 变量的解构赋值 解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 解构赋值是对赋值运算符的扩展。 这是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 数组的解构赋值 为变量赋值。 let sample1 = 1; let sample2 = 2; let sample3 = 3; 上面代码
你知道ES6中的这些属性吗
hello ice cream
11-28 3019
ES6，也称ESMAScript2015，这个版本增加了很多好用的特性 变量声明 ES6之前用var来定义变量，ES6增加了两个变量声明的方式，分别为const和let，const用来定义常量，let用于定义变量，弥补了使用var来定义的漏洞。 var 有变量提升，在全局/函数中定义的变量都会被提升到全局/函数的最上方，值为undefined var 没有块级作用域的概念，通过 if / for /switch 定义的变量都会被提升到全局 let 定义变量，可被修改，不可被重复声明，有块级作用域 co.
ES6笔记（ 五 ）- Object
前端攻城狮Dannis
08-01 620
目录: 新增的对象字面量语法 成员速写 方法速写 计算属性名 新增的Object方法 Object.is Object.assign Object.setPrototypeOf Object.keys, Object.values, Object.entries Class 【 扩展 】面向对象简介 用class（类）来实现更好的面向对象支持 类的其他书写方式 类的继承 新增的对象字面量语法 成员速写 ES5在书写对象成员的一些问题 我们在开发中总是会遇到这样的逻辑, 用户输入了用户
JS如何将变量作为一个对象的Key
王维璋
04-02 1万+
JS如何将变量作为一个对象的Key var lastWord = 'last word'; var a = { 'first word': 'hello', [lastWord]: 'world' }; a['first word'] // "hello" a[lastWord] // "world" a['las...
javascript：幂指数运算符
热门推荐
胡世林的博客
05-31 1万+
（资料来源：百度） 难得用到一次幂运算！肯定要记下来。。 var a=2**2; 2**2==Math.pow(2,2); 然后再记下，  ++  或  --  时，这两个运算符在操作数上的行为都被清晰定义了：  ++  或  --  作为前缀会在其他任意运算发生之前修改操作 数，而作为后缀则会在整个表达式计算完毕后才修改操作数。 有点少。在写一个没啥用的 扩展运算符 三个点（.....
es6 对象数组循环找key
最新发布
05-26
可以使用 `for...of` 循环来遍历数组，然后在循环体内使用对象的键来访问相应的值。 例如，假设有一个对象数组，每个对象都有一个 `id` 键： ```javascript const items = [ { id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'orange' } ]; ``` 现在要找到 `id` 为 2 的对象，可以使用 `for...of` 循环： ```javascript for (const item of items) { if (item.id === 2) { console.log(item); break; } } ``` 在循环体内，我们使用 `item.id` 来访问对象的 `id` 值，并且与目标值进行比较。如果找到了目标对象，就打印它并且使用 `break` 语句退出循环。 另外，也可以使用 `Array.prototype.find()` 方法来查找符合条件的元素： ```javascript const item = items.find(item => item.id === 2); console.log(item); ``` 这里使用了箭头函数来作为 `find()` 方法的参数，它的返回值是一个布尔值，用于指示元素是否符合条件。在这个例子中，我们查找 `id` 等于 2 的元素，并将结果赋给变量 `item`。如果没有找到符合条件的元素，则 `item` 的值为 `undefined`。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值