美文网首页前端开发es6入门基础
ES6基础入门教程(九)修改对象的键值

ES6基础入门教程(九)修改对象的键值

作者: 党云龙 | 来源:发表于2019-11-03 09:29 被阅读0次

知识点:什么是属性表达式?先看一下官方解释


ES6 允许字面量定义对象时,即把表达式放在方括号内。

let obj = {
  [propKey]: true,
  ['a' + 'bc']: 123
};

在ES5中创建对象的键就三种object.xx、object['xx']、Object.defineProperty可以用来构建对象的键。在ES6中可以使用更多的方法来创建。

let obj = {
  abc: 123,
  "hello": "world"
}

console.log(obj["abc"]) // 123
console.log(obj["hello"]) // 'world'

修改属性名:


有的时候 ,我们可能需要修改键的名字,es5怎么写我就不管了。。因为太复杂了,你看下es6就行了。
“[ ]” 括号里面可以放方法 也可以放对象 随你喜欢。

let name = "dangyunlong";
let age = "31";

let man={
    [name]:age
}

console.log(man);
//{dangyunlong: "31"}

根据属性名表达式,还他妈能直接在里面运行方法,贼变态:

let fun = (x)=>"xingming:"+x

let name = "dangyunlong";
let age = "31";

let man={
    [fun(name)]:age
}

console.log(man);

相关文章

  • ES6基础入门教程(九)修改对象的键值

    知识点:什么是属性表达式?先看一下官方解释 ES6 允许字面量定义对象时,即把表达式放在方括号内。 在ES5中创建...

  • javaScript之ES6(四)

    对象 对象的属性 属性名可省略ES6中,当对象中的key:value键值对,如果value是个变量/函数,此时省略...

  • vue的$set方法实现

    vue的$set方法默认传入三个参数,需要修改的对象引用target,对象的键值(数组的index)key,要修改...

  • web前端面试4

    1 ES6中的map和原生的对象有什么区别 JavaScript 的对象(Object),本质上是键值对的集合(H...

  • ES6中的Map和Set

    Map 一、Map是什么?es6 新提出的一种引用类型的数据结构 类似于对象。Map对象保存键值对。任何值(对象或...

  • ES6基础入门教程(十四)对象class

    咱们先复习一下,什么是函数声明,什么是函数表达式。函数声明: 函数表达式: 实际上class也是一种声明函数的方法...

  • ES6基础入门教程(十一)遍历对象

    核心: 所有的循环方法 都是为了脱离传统的for循环的控制。原来的for循环实在是太low了。 1.forEach...

  • ES6 Map数据结构

    Map 集合 1. 概述: ES6 提供了 Map 数据结构。 它类似于对象,Map是一个升级版的对象,也是键值对...

  • js数组几种去重的方法

    利用indexOf方法,es6也可以用includes方法 利用对象键值 利用set的不可重复性 (感觉比较简单)...

  • rapidjson嵌套对象中修改/增加键值

    垃圾的rapidjson库,文档垃圾,接口设计反人类,号称高性能,改个键值要写这么多行代码,又长又臭,增加了维护难...

网友评论

    本文标题:ES6基础入门教程(九)修改对象的键值

    本文链接:https://www.haomeiwen.com/subject/jyskbctx.html