当前位置:首页 > ES6 > 正文内容

es6 语法

自由小鸟6年前 (2019-07-27)ES63248

数据结构

set的用法    weakSet的用法   Map的用法   weakMap的用法


set用法

{

    let list=new Set()

    list.add(5)

    list.add(7)

    console.log('size',list.size)  //2   

}

{

    let arr=[1,2,3,4,5];

    let list=new Set(arr);

    console.log('size',list.size)

}

//set可以用来去重,不会做数据类型转换 [2,'2'] 这两个set是认为不相等的,所以不会去掉的

{

    let arr=[1,2,3,1,4,2]

    let list2=new Set(arr)

    console.log(list2) //1,2,3,4

}

image.png



weakSet的用法

1,weakSet 必须是对象

2,weakSet弱引用,不会跟垃圾回收机制挂钩上

3,不给遍历


map的用法

{

    let map=new Map();

    let arr=['123'];

    map.set(arr,456);

    //获取

    map.get(arr)   //456

}


map和数组的对比  增删改查

image.png


image.png

image.png


image.png


set 和数组的对比

image.png


image.png

image.png


能使用map 不使用数组

如果对数据要求比较高,数据唯一性,用set

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://www.webge.net/?id=54

返回列表

上一篇:es6 Symbol

下一篇:es6 类

“es6 语法” 的相关文章

js 数据保护

js 数据保护

es3的写法利用构造函数闭包来实现属性不可编辑es5的写法用一个defineProperty 来实现只可读 writable:falsees6的实现,代理new Proxy来实现,思想和es3很像,操作是代理对象person...

es6 解构的使用场景

二,解构{    let a,b,rest;    [a,b]=[1,2]    console.log(a,b);  // 1 2}{   ...

es6数值扩展

Number.isFinite    函数用于检查其参数是否是无穷大es6 只对数字操作,如果不是数字就返回falseisFinite(25) // true Number.isFinite(25) // trueisFinite("25"...

es6 数组扩展

Array.fromArray.ofcopyWithinfind/findindexfillentries/keys/valuesinludes{    let arr=Array.of(3,4,7,9,11)   //把一组数据变量转换成...

es6 Symbol

es6 Symbol

Symbol是js 提供了独一无二的值let a1=Symbol();let a2=Symbol();console.log(a1===a2)   //falselet a3=Symbol.for('a3');let a4=Symbol.for('a3&#...

es6 类

类的概念(基本语法,继承关系,静态方法,表态属性)类还提供了getter  setter{//基本定义和生成实例class Parent{constructor(name='mukewang'){this.name=name;}}}{//继承class Parent{con...