ES6中 用表达式或变量名作为 对象的属性名（key）

最新推荐文章于 2023-02-19 18:49:13 发布
原创 最新推荐文章于 2023-02-19 18:49:13 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6 #对象

本文探讨了JavaScript中对象属性的不同访问方式，包括直接访问、通过变量访问及使用计算属性。通过实例展示了如何使用方括号表示法和点表示法来获取对象属性。
定义
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]
lorogy
关注
ES6 对象扩展全解析：属性简写、表达式、super 关键字等的深度应用
向着太阳迎着光
12-02 1246
ES6 对象的扩展大大提高了 JavaScript 的灵活性和可维护性。通过属性简写、属性名表达式、super关键字、扩展运算符、属性遍历和新增方法等特性，开发者可以编写更加简洁、高效且易于维护的代码。掌握这些特性在实际项目中将大大提升开发效率和代码质量。
【ES6】JavaScript对象-增强的对象语法-属性值简写-可计算属性-简写方法名
YK菌的博客
01-20 1318
文章目录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
ES6中用变量名或者表达式作为对象属性名
weixin_34197488的博客
04-05 2261
1. 变量作为属性名 在方括号中写入变量，用变量的值作为对象的属性 let user = { id: 1 }; let attribute = 'name'; user[attribute] = '变量名作为对象属性'; 2. 表达式作为属性名 在方括号中写入表达式，用表达式的值作为对象的属性 let user = { id: 1 ...
javascript：es6中，使用变量作为对象的key
胡世林的博客
06-11 1万+
想了大概十分钟，不知道怎么描述场景，毕竟大家都遇到过，我就懒得描述了，直接写上代码还有测试的例子吧 const keyName = 'keyName1'; const obj = { [keyName]: 'keyname2' } console.log(obj) 测试结果 大概就这样子，没啥好写的，安 ...
ES6中 用表达式作为 对象属性名的语法糖
qs8lk88的博客
01-09 1942
我们知道，访问对象的属性的时候有两种写法： var demo1 = {}; // 写法一 ： demo1.prop1 = 1; // 写法二 ： demo1[prop2] = 2;那么这两种写法有什么不同呢？答案是在写法二中，我们可以在方括号中写入表达式，用表达式的值作为对象的属性。所以写法二还可以写成如下的形式：demo1['prop' + '2'] = 2; 在ES5的年代，在对象字面量
ES6 对象新增方法Object.keys() 、Object.values() 、Object.entries()
不知名人士的博客
07-05 503
Object.keys()：获取对象的键，es6之前就有的方法； Object.values()：获取对象的值，es6新增方法； Object.entries()：获取对象的键与值，es6新增方法。 基本用法 const person = { name: 'Jae', age: 22 }; cnosole.log(Object.keys(person)); // ["name", "age"] cnosole.log(Object.values(person)); // ["Jae", 22] cnos
ES6，对象的扩展：对象属性名的两种表示方法、属性的枚举和遍历及规则，super关键字，对象的扩展运算符、链判断运算符、Null判断运算符
zz2230633069的博客
09-09 1305
1.属性名的两种表示方法 （1）简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。简洁表示法的特点是在对象定义中直接使用变量名。 对于属性：变量foo直接写在大括号里面。这时，属性名就是变量名, 属性值就是变量值。 对于方法：可以省略function关键字，方法名即函数名。 注意，简写的方式不能用作构造函数，会报错。 属性的简写 const foo = 'bar'; const baz = {foo}; // 等同于 const baz = {foo: foo};
ES6对象扩展：属性简写与属性名表达式详解
ES6 允许在这种情况下省略冒号和右侧的值，直接写成 `{ foo }`，解释器会自动将变量名作为键名，并将其值作为属性值。这一特性不仅适用于基本数据类型的变量，同样适用于函数、数组、对象等复杂类型。更重要的是，该...
05-ES6语法：解构赋值
热门推荐
光脚丫思考的专栏
05-06 3万+
本文介绍了ES6中解构赋值。ES6的解构赋值语法是一种JS表达式。解构赋值语法是一种JS表达式，通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。使用了大量了代码片段介绍了具体的使用方式，并且配上了屏幕录音进行详细解说。-_-
【Web前端】ES6新特性详解
将冲破艾迪i的博客
02-19 2849
本文共计两万字，详细的介绍了es6以及es6之后的常见新特性。
js基础知识：es6中，当对象中的key名称为一个变量时，需要用`[]`括起来
学亮编程手记
03-25 1643
es6中，当对象中的key名称为一个变量时，需要用[]括起来
ES6 对象属性名表达式
economics3的博客
04-30 763
前言 今天在学习react 处理多个输入中引入了属性表达式的概念 属性表达式是属于ES6对象拓展 简洁表示 在es6 如果键名和值名是一致的话 那么可以省略一个。换句话说，ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 对象属性名表达式 通常我们定义属性是通过 {a:'xx', b:'xxx', c:'xx'} 这样的形式，a,b,c都是字符串，也就是静态的值 ES中可以使用一个动态的可以通过计算得到的属性名（也就是表达式） let lastWord = 'las
ES6变量、解构、对象、数组、函数学习
weixin_45654590的博客
09-27 1151
变量常量 变量 ES6中用let 声明变量，let有如下特点： 1.变量声明不会被提升，即在变量声明之前无法使用该变量 console.log(name);//ReferenceError:Cannot access 'name' before initialization let name='zhangsan'; // console.log(name);//zhangsan 具有局部作用域，即let声明的变量只能在对应代码块中使用 let name='zhangsan'; { let n.
ES6对象的key和value提取和对象转数组的转换
123
04-07 3654
例如 let obj={ "age":12, "name":"zs" } 1.首先使用Object.keys(obj)获取对象的keys，或者是使用Object.values(obj)获取value的值，这俩方法得到的对象都是数组形式。 2.如果是对象转成数组，对象内必须有length属性，如果没有length属性，则转成的数组元素为undefined，使用方法为Array.from(); ...
ES6 Map 对象
最爱喝怡宝的博客
10-18 330
Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Map 中的 key 1.key可以是一个字符串 { let m1 = new Map(); let keyString; m1.set(keyString,'我是一个字符串'); let r1 = m1.get(keyString); console.log(r1); // 另一种方式 m1.set('name','王路飞'); m1.s
ES6-键值对
Issssy的博客
11-25 797
键值对('key = value') 顾名思义,每一个键会对应一个值。
一文快速上手ES6
一个菜鸡的博客
10-17 518
ECMAScript 6.0（以下简称 ES6，ECMAScript 是一种由 Ecma 国际(前身为欧洲计算机制造商 协会,英文名称是 European Computer Manufacturers Association)通过 ECMA-262标准化的脚本 程序设计语言）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了，并且 从 ECMAScript 6 开始，开始采用年号来做版本。即 ECMAScript 2015，就是 ECMAScript6。 它的目标，是使得 J
ES6-对象的扩展-属性名表达式
极北
11-17 3433
JavaScript 定义对象的属性，有两种方法。   // 方法一 obj.foo = true; // 方法二 obj['a' + 'bc'] = 123; 上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。   但是，如果使用字面量方式定义对象（使用大括号），在 ES5 中只能使用方法一（标识符）定义属性。   var o...
es6 属性名表达式
歪脖先生的博客
01-24 2605
属性名表达式 JavaScript 定义对象的属性，有两种方法。 // 方法一 obj.foo = true; // 方法二 obj['a' + 'bc'] = 123; 上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。 但是，如果使用字面量方式定义对象（使用大括号），在 ES5 中只能使用方法一（标识符）定义属性。 v
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值