美文网首页ES6
ES6学习-对象

ES6学习-对象

作者: YINdevelop | 来源:发表于2018-03-13 17:42 被阅读15次

1.对象的赋值

ES6允许把声明的变量直接赋值给对象。

let name="js";
let skill= 'es6';
var obj= {name,skill};
console.log(obj);  //{name: "js", skill: "es6"}

2.对象Key值传入

有时候我们会在后台取出key值,而不是我们前台定义好的,这时候我们如何构建我们的key值那。比如我们在后台取了一个key值,然后可以用[ ] 的形式,进行对象的构建。

let key='skill';
var obj={
    [key]:'es6'
}
console.log(obj.skill); //es6

3.Object.is( ) 对象比较

有时候我们会进行对象值比较,

var obj1 = {name:'js'};
var obj2 = {name:'js'};
console.log(obj1.name === obj2.name);//es5:  true
console.log(Object.is(obj1.name,obj2.name)); //es6:   true

4.Object.assign( )合并对象

操作数组时我们经常使用数组合并,那对象也有合并方法,那就是assgin( )

var a={a:'js'};
var b={a:1,b:'es6'};
 
let c=Object.assign(a,b)
console.log(c); //{a: 1, b: "es6"}

当然也可以使用扩展运算符
let c={...a,...b}
console.log(c); //{a: 1, b: "es6"}

相关文章

  • ES6学习-对象

    1.对象的赋值 ES6允许把声明的变量直接赋值给对象。 2.对象Key值传入 有时候我们会在后台取出key值,而不...

  • 面向对象的小九九

    面向对象 本人能力有限,有误请斧正 本文旨在复习面向对象(不包含es6) 本文学习思维 创建对象的方式,获取对象属...

  • javascript创建对象的方法。es6 class 创建对象

    (学习笔记)javascript创建对象的几种方式,以及es6 class 如何转化成es5代码创建对象 原文地址...

  • 9.ECMAScript6(ES6)- ES6中的对象字面量

    1、ES5创建对象字面量方式 2、ES6创建对象字面量方式 3、es5 对象方法 4、es6 对象方法的简写 5、...

  • ES6学习笔记(一)

    最近学习了ES6,被它更简洁的代码编写方式、面向对象以及模块化开发所吸引。ES6有一定的学习成本而且知识点比较琐碎...

  • ES6基础

    ES6特性 ES6更具备强大的生产力 ES6对象拷贝

  • JavaScript OOP篇

    参考资料 JavaScript面向对象简介 ES6对象的拓展 ES6 class 前言 本篇主要介绍 JavaSc...

  • ES6 Promise 对象

    参考文档: 《ECMAScript 6 入门》:Es6 APi Promise对象 《Es6 Prom...

  • ES6的面向对象

    ES6面向对象 [TOC] 继承:

  • NodeJs05

    ES6对象的简写方法 --------------------------------------- 1. 对象的...

网友评论

    本文标题:ES6学习-对象

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