美文网首页
ES6对象扩展

ES6对象扩展

作者: 易路先登 | 来源:发表于2019-06-18 23:25 被阅读0次
1属性简写
  • 如果对象的属性值是一个变量,且该变量名和该属性名相同,那么,可以简写为如下形式:
let a = 3;
let b = 5;
let obj = {
  a,
  b
}
  • 属性方法的简写
let obj = {
  add(a,b){
    return a+b;
  }
}
obj.add(3,5);//8
2 es5中对象的key必须是数值或字符的直接量,es6中属性key可使用变量,如:
let a = 'name';
let obj = {
  [a]:'zhangsan'
}
console.log(obj.name);//zhangsan
3 Object新增api
  • Object.is(arg1,arg2),相当于arg1===arg2
    如:
console.log(Object.is('abc','abc'));//true
console.log(Object.is([],[]));//false
  • Object.assign(obj1,obj2),将我obj2浅拷贝至obj1。
let obj1 = {
  name:'zhangsan'
}
let obj2 = {
  age:18
}
console.log(Object.assign(obj1,obj2));//{name: "zhangsan", age: 18}
  • let ...of Object.entries(obj)遍历对象
let obj = {
  name:'zhangsan',
  age:18
}
for(let [key,value] of Object.entries(obj)){
    console.log(key+":"+value);
}
//name:'zhangsan'
//age:18
  • ...解构赋值
    如:
let obj = {
     name:'zhangsan',
    age:18,
    count:60
}
let {name,...c} = obj;
console.log(c);//{age: 18, count: 60}

ES6总篇--目录

相关文章

  • 2018-08-24

    ES6对象的扩展

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • ES6扩展归纳

    ES6扩展归纳 介绍ES6相比与ES5在原有对象上的扩展,包括字符串、正则、数值、函数、数组、对象等扩展,本文是阮...

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • es6笔记

    es6 对象扩展方法is() 全等比较Object.is(NaN,NaN) // trueassign() 对象合...

  • ES6新增特性(二)

    ES6 的内置对象扩展 Array 的扩展方法 一、Array 的扩展方法 1. 扩展运算符(展开语法) 扩展运算...

  • 【基础知识】扩展运算符...

    变量解构使用案例 数组扩展运算符 重点:对象也可以使用...哦ES6之扩展运算符-对象

  • ES6 学习(Number扩展篇)

    - Number扩展 ES6 把 parseInt() 和 parseFloat() 移植给了 Number 对象...

  • 扩展对象的功能性.md

    对象扩展 对象类别 在ES6中,对象分为下面几种叫法。 普通对象 特异对象 标准对象 内建对象 对象字面量语法拓展...

  • 对象

    对象的深拷贝 对象合并 assign() hasOwnProperty 遍历赋值 Es6,扩展运算符 Object...

网友评论

      本文标题:ES6对象扩展

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