ES6可计算属性名

最新推荐文章于 2023-08-31 08:32:22 发布
最新推荐文章于 2023-08-31 08:32:22 发布
阅读量225 收藏
点赞数
分类专栏： # es JavaScript 前端 文章标签： es6/es7 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36959274/article/details/107852261
版权 
var prefix = 'test';
var obj = {
　　[prefix + '1']: 'hello',
　　[prefix + '2']: 'world',
}

obj['test1']; // hello
obj['test2']; // world
前端JavaScript基础训练系列四十五：可计算属性名
m0_68635815的博客
01-23 345
如果你需要通过表达式来计算属性名，那么我们刚刚讲到的 myObject[…] 这种属性访问语 法就可以派上用场了，如可以使用myObject[prefix + name]。但是使用文字形式来声明对 象时这样做是不行的。ES6 增加了可计算属性名，可以在文字形式中使用 [] 包裹一个表达式来当作属性名: var prefix = “foo”;可计算属性名最常用的场景可能是 ES6 的符号(Symbol)，本书中不作详细介绍。不过 简单来说，它们是一种新的基础数据类型，包含一个不透明且无法预测的值(从技术。
ES6 计算属性名
weixin_42243479的博客
10-14 773
语法应用 JavaScript语言定义对象的属性，有两种方法。 // 方法一 obj.foo = true; // 方法二 obj['a' + 'bc'] = 123; 上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。 ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。 let propKey = 'f...
ES6计算属性名-代码优化利器
aa_mmnn的博客
03-18 283
ES6计算属性名-代码优化利器 虽然现在已经是2019年4月了（马上就是5月），ES10的草案也已经诞生很久了，但是 ES6 还是有很多没有研究到的地方，本文就是对 ES6 计算属性名的一个简单梳理 本文主要内容： ES6 计算属性名 计算属性名的应用场景 闲话 什么是计算属性名 计算属性名是 ES6 的一个很大的增强，事实上可计算属性不是一个很新鲜的东西 在 ES5 版本中我们也可以通过计算属性来进行取值： let name = "first name"; let person = {}; pe
ES6 计算属性名快速上手
团子大圆帅的博客
11-05 371
1. ES6 计算属性名 ES6 中引入了计算属性名，英文是 computed property names，它可以在对象字面量中动态计算属性名称。 我们知道添加或修改对象的属性有两种常用的方法，一种是使用 . 语法，另外还可以使用 [] 传入一个结果为字符串的表达式。 使用 . 添加或修改属性 const person = {} person.name = '钢铁侠' person.name = '美国队长' 使用 [] 添加或修改属性 const person = {} person['na.
计算属性名 ES6
TanMengyi的博客
10-30 475
MDN解释： 从ECMAScript 2015开始，对象初始化语法开始支持计算属性名。其允许在[]中放入表达式，计算结果可以当做属性名。这种用法和用方括号访问属性非常类似，也许你已经用来读取和设置属性了。现在同样的语法也可以用于对象字面值了： // Computed property names (ES6) var i = 0; var a = { ["foo" + ++i]: i, ["foo" + ++i]: i, ["foo" + ++i]: i }; console.log(a.foo
es6-computed-properties:ES6 计算属性编译为 ES5ES3
07-03
编译使用 ES6 计算属性编写的 JavaScript 以使用 ES5 或 ES3 兼容语法。 例如，这个： var propName = 'code' ; var params = { [ propName ] : true [ 'data' + propName . toUpperCase ( ) ] : true } ; ...
【ES6】JavaScript对象-增强的对象语法-属性值简写-可计算属性-简写方法名
YK菌的博客
01-20 1295
文章目录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 Object属性新的写法实例小结
10-16
ES6允许我们在定义对象字面量时，使用表达式作为属性名，也就是所谓的计算属性名。这在之前的版本中是不可能的，必须先定义对象然后动态添加属性： ```javascript var obj = { name: 1 }; obj['x'] = 2; obj.y = 3; ...
ES6计算属性转ES5/ES3兼容性编译技术解析
总结以上知识点，ES6计算属性名是JavaScript语言发展中的一个非常有用的功能，它让对象字面量的属性名定义更加灵活和动态。尽管它在ES5和ES3中不受支持，但通过工具如Babel等编译器，我们可以将使用了计算属性名的...
ES6_es6_
09-30
- 可以在对象中直接定义方法，属性简写，以及计算属性名。 5. **类与继承** - **class** 关键字用于创建类，但本质上是语法糖，JavaScript仍基于原型继承。 - **super 关键字**：子类构造函数中调用父类构造函数...
ES6计算属性
weixin_45665589的博客
07-06 253
这个是今天学习react注意到的一个内容，react表单，其中提到了ES6 计算属性名称的语法，然后就去网上查了一下有关内容（内容放在了博客底部），自己也测试了一下。 <script> let a = "weight"; let obj = { a:100, [a]:110 }; console.log(obj); </script> MDN Object initializer ...
（22）es6——计算属性
浪头的博客
04-24 312
var attName = 'name'; var p1 = { attName: '李四', // 这里的attName是属性名，相当于各级p定义了属性名叫 attName的属性。 age: 20, name: 'a' } // 实际上输出的是p1["name"] console.log(p1[attName]) // a var attName = 'name'; var p = { [attName]: '李四', // 引用了变量attName。相当于添加了一个属
js 可计算属性名
weixin_53862758的博客
02-08 775
今天在查看一些前端博客的时候发现一个自己之前没有看过的东西，可计算属性名称，记录一下，防止自己忘记 用一个函数创建对象的时候通常是这样的 function objectify (key, value) { let obj = {} obj[key] = value return obj } 用计算属性名称可以将这一步简化 function objectify (key, value) { return { [key]: value } } 在这个[]里面还可以写上表
ES6 动态计算属性名
alihlz_39337506的博客
04-08 192
在ES5之前，如果属性名是个变量或者需要动态计算，则只能通过 对象.[变量名] 的方式去访问。 <script type="text/javascript"> var p = { name : '李四', age : 20 } var attName = 'name'; console.log(p[attName]) ...
js中可计算属性名
蒋百里的博客
08-02 2409
js中有对象有两种属性访问语法 var myObject={ a:2 } myObject.a; myObjetc["a"] .a语法通常被称为"属性访问" [”a“]语法通常被称为"键值访问" 备注： 在对象中，属性名永远都是字符串，如果你是使用了string以外的其他值作为属性名，那他也首先也会被转换成一个字符串 如果你需要通过表达式来计算属性名，可以如下： var profix="fo...
ES6的计算属性名语法
zhenyu5665的博客
11-26 878
为什么要用[ ]去包裹变量 计算属性名 在JavaScript中，我们定义属性时，有两种方式：中括号[]或.的方式： // 方法一 obj.foo = true; // 方法二 obj['a'+'bc'] = 123; .运算符具有很大的局限性，比如first name这种属性只能通过中括号的方式来定义。中括号的方式允许我们使用变量或者在使用标识符时会导致语法错误的字符串直接量来定义属性。例如...
对象可计算属性名(仅在ES6中)
sanlingwu的博客
02-19 2897
var suffix = ' name'; var person = { ['first' + suffix]: 'Nicholas', ['last' + suffix]: 'Zakas' } person['first name']; // "Nicholas" person['last name']; // "Zakas"
js 计算属性名（Computed Property Names）语法
最新发布
legender5431的博客
08-31 501
在JavaScript中，计算属性名（Computed Property Names）是ES6引入的一种新语法，允许你在对象字面量中使用表达式作为属性名。 这种语法在对象字面量中使用方括号[]来包围一个表达式，这个表达式的结果会被用作属性名。以下是一个示例：
ES6 计算属性名称（Computed property names）
一只胖胖胖miao
10-15 1167
在react的文档里看到了这么一段代码，想不起什么是计算属性名称。现在记录一下。 this.setState({ [name]: value }); 等同于ES5中的以下代码 var partialState = {}; partialState[name] = value; this.setState(partialState); 在https://developer.mozil...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值