ES6使用方法简介(三)

本文介绍了ES6中的一些重要特性,包括对象的简洁表示、Object.is()、Object.assign()、Object.keys()、Object.values()、Object.entries(),Set数据结构的使用,如去重、遍历,Promise的基础与原理,以及Class的特性和继承。通过这些特性,可以更好地理解和应用ES6在前端开发中的优势。
摘要由CSDN通过智能技术生成

目录

一、对象的新增特性

1、属性及方法的简洁表示   (key名与value名相同)

2、Object.is()相当于全等     但是有区别   (is是一个静态方法)

3、Object.assign(obj1,obj2,obj3) :合并对象

4、Object.keys(obj):将obj的key值返回一个纯数组

5、Object.values(obj):将obj的value值返回一个纯数组

6、Object.entries(obj):返回一个二维数组,每一个小数组都是一对[key,value]

二、SET数据结构

1、类似于数组,但是成员唯一,没有索引

2、var set =new Set(x)       (x:数组,类数组,字符串)

3、实现数组去重

4、获取set的长度不是length而是size,可以使用for of于forEach对set进行遍历

5、方法

6、可以使用for of于forEach对set进行遍历

7、set.values()==set.keys() set.entries()

三、Promise

1、基础

2、原理

四、class

1、特点

2、静态方法:使用构造函数(class)调用

3、继承

4、继承原生js的构造函数

5、Object.getPrototypeOf(x):获取x的父类


一、对象的新增特性

1、属性及方法的简洁表示   (key名与value名相同)

  let name = "ce";
    let age = 18;
    //ES5
    var obj1 = {
        name: name,
        age: age,
        run: function() {
            console.log("快速跑!")
        }
    }
    console.log(obj1);
    obj1.run();
    
    //ES6
    var obj2 = {
        name,
        age,
        run() {
            console.log("快速跑!")
        }
    }
   
    console.log(obj2);
    obj2.run();

运行结果:

2、Object.is()相当于全等     但是有区别   (is是一个静态方法)

(1)Object.is(1,2)

(2)Object.is(NaN,NaN)

(3)Object.is(0,-0)

    console.log(Object.is(1,2));
    console.log(1 == 2);

    console.log(Object.is(NaN,NaN));
    console.log(NaN == NaN);

    console.log(Object.is(0,-0));
    console.log(0 == -0);

运行结果:

3、Object.assign(obj1,obj2,obj3) :合并对象

    let  obj1 = {
        a:[1,2,3]
    };
    let  obj2 = {
        b:[4,5,6]
    };
    let  obj3 = {
        c:[7,8,9],
        
    };

    var obj = Object.assign(obj1,obj2,obj3);
    console.log(obj);

运行结果:

4、Object.keys(obj):将obj的key值返回一个纯数组

   let  obj = {
        a: 1,
        b: 2,
        c: 3
    }
    console.log(Object.keys(obj));

运行结果:

5、Object.values(obj):将obj的value值返回一个纯数组

    let  obj = {
        a: 1,
        b: 2,
        c: 3
    }
    console.log(Object.values(obj));

运行结果:

6、Object.entries(obj):返回一个二维数组,每一个小数组都是一对[key,value]

   let  obj = {
  
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值