Symbol数据类型

ES6新加的数据类型,提供一个独一无二的值

 { let a1 = Symbol() ;let a2 = Symbol() }  //声明
 { let a3 = Symbol.for('a3') } //这种声明方式方便再取回来
 { let a1=Symbol.for('abc'); let obj={ [a1]:'123' , 'abc':235}; console.log(obj) } //{abc: "235", Symbol(abc): "123"}

如果使用Symbol配置值的话则使用let of 的方式取不到Symbol(abc)的值

 Object.getOwnPropertySymbols(obj).forEach(function(item){console.log(obj[item])});  //123 只取到Symbol的值

取所有值://Reflect.ownKeys返回一个数组,包含对象自身的所有属性,不管是属性名是Symbol或字符串,也不管是否可枚举

Reflect.ownKeys(obj).forEach(function(item){console.log(obj[item])})  //235  123

set-map 数据结构

set

① 声明

不加参数 :

{ let list = new Set(); list.add(5) ; list.add(7); }  //list.size()是2

加参数 :

{ let arr= [1,2,3,4,5]; let list = new Set(arr) }  //list.size()是5

② set添加重复的元素不会报错,但是不会添加进去,可以利用这个作用来去重(需要注意下元素的数据类型是否一致)

{ let list = new Set(); list.add(5) ; list.add(7); list.add(5); }  //list.size()是2

③ 操作函数 :

add  delete  clear  has

④ 遍历:

元素的keys()和values()的值是一样的

for(let key of list.keys()){ console.log(key) }
for(let value of list.values()){ console.log(value) }
for(let [key,value] of list.entries()){ console.log(key,value) }

WeakSet

区别:

支持的元素类型不一样,WeakSet只能是对象;

WeakSet的对象是弱引用,不会检测该对象是否在其他地方用过,只是地址的引用;

没有size属性;没有clear方法;其余的add delete has 方法一致

不能遍历

①声明

{ let weakset = new WeakSet() ; let arg ={} ; weakset.add(args) }

Map 键值对

key可以是任何数据类型

①声明 :

{ let map = new Map(); let arr= ['123']; map.set(arr,'234'); }  //map.get(arr) = '234'

{ let map = new Map([ ['a',123],['b',456] ])}  //{"a"=>123,"b"=>456} ; map.size=2

map不能set一个item对象,需要使用声明的第二种方式

②函数:set  delete  clear

③遍历:同set

WeakMap

接收的key值必须是对象,没有clear方法,不能遍历

{ let weakmap = new WeakMap() ; let obj={}; weakmap.set(obj,123)}  //weakmap.get(obj)=123

对比:

Set Map与Array对比

let set= new Set() ; let map = new Map() ; let arr = [] ;

//增加

set.add({t:1});
map.set('t',1);
arr.push({t:1})

//查找

let set_exists = list.has({t:1})  ///false ,has查询的是对象的引用
let map_exists = map.has(‘t’) //true 返回布尔值
let arr_exists = array.find(item=>item.t) //{t:1} 返回对象

//改

set.forEach(item=>item.t?item.t=2:'')  //在set中要是直接修改的话他不会检查是否冲突,而是直接加了一个,所以需要先找到再修改
map.set('t',2);
array.forEach(item=>item.t?item.t=2:'') //数组需要先forEach找到再修改

//删除

set.forEach(item = item.t?set.delete(item):'')
map.delete('t')
let index = array.findIndex(item=>item.t) array.splice(index,1) //数组需要先找到再删

Map Set 和Array的对比

let item = {t:1}; let set= new Set(); let map = new Map(); let obj={}

//增加

set.add(item)
map.set('t',1)
obj['t']:1

//查询

set.has(item)  //
map.has('t')
't' in obj //使用in

//删除

set.delete(item)
map.delete('t')
delete obj['t']

//修改

item.t =2 //set是引用,直接修改item,set下的值会随之变化
map.set('t':4)
obj['t']=4

使用场景:

能使用map的不使用数组,对于数据要求比较高和唯一性使用set,放弃object

ES6 Symbol数据类型和set-map 数据结构的更多相关文章

  1. Java数据类型和MySql数据类型对应一览

    类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述             VARCHAR L+N VARCHAR java.lang.String 12   CHAR N ...

  2. 数据类型和typeof操作符

    虽然学习js有一段时间了,但是对js的基础语法却是有些生疏.最近在看jquery源码,决定随带总结一些基础的语法知识.今天总结一下数据类型和typeof,这在写js的时候,是不得不知道的知识. 数据类 ...

  3. Sql Server中的数据类型和Mysql中的数据类型的对应关系(转)

    Sql Server中的数据类型和Mysql中的数据类型的对应关系(转):https://blog.csdn.net/lilong329329/article/details/78899477 一.S ...

  4. SQL数据类型和C#数据类型间的转换

    今天看到SQL数据类型和C#数据类型间的转换,前人留下的. <?xml version="1.0" encoding="utf-8" ?> < ...

  5. MySql数据类型和Java数据类型对应一览

    类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述             VARCHAR L+N VARCHAR java.lang.String 12   CHAR N ...

  6. Java数据类型和MySql数据类型对应一览 [转]

    类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述             VARCHAR L+N VARCHAR java.lang.String 12   CHAR N ...

  7. mysql数据类型和java数据类型匹配

    Java数据类型和MySql数据类型对应一览 类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述             VARCHAR L+N VARCHAR java. ...

  8. ES6学习笔记(10)----Set和Map数据结构

    参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ Set和Map数据结构 1.Set  基本用法    Set是一种新的数据结构,它的成员都是唯一 ...

  9. ES6学习总结之Set和Map数据结构的理解

    前言 当我们需要存储一些数据的时候,首先想到的是定义一个变量用来存储,之后我们可能学了数组,发现数组比变量可以存储更多的数据,接着可能有其它的存储数据的方法等等,然而我今天需要介绍的是在ES6中比较常 ...

随机推荐

  1. wifi的主动扫描和被动扫描

    要实现wifi上的探针模块,简单了了解了802.11中的各种帧,对一些帧的发送频率和方式也有简单了解.不过了解的都不够细致.只是简单知道手机打开wifi后回不停的向外发送probe request这个 ...

  2. c/c++/java如何访问数据库(优秀博文)

    (下面是c++)  https://www.cnblogs.com/47088845/p/5706496.html  https://www.cnblogs.com/shiyingzhi/p/7896 ...

  3. matplotlib坐标轴刻度-【老鱼学matplotlib】

    本节主要讲述如何对坐标轴的刻度字体大小以及背景色进行修改. 例如: import numpy as np import pandas as pd import matplotlib.pyplot as ...

  4. c# 读取json文件信息

    两种方法: /// <summary> /// /// </summary> /// <returns></returns> private strin ...

  5. 与大V一对一沟通 欢迎迷茫的你和优秀的你

    当当当~有个筹备一年的平台终于要发布啦! 在这一年中,他们的专业团队对现行货币市场进行精准分析,了解币圈用户所想的问题以及现在用户最想在平台上能够解决什么样问题后,推出了这样一个平台. 那就是ImCa ...

  6. Microsoft Office Word 中的公式自动编号

    先插入公式,#,插入题注(交叉引用),生成了标号.此时整个公式是题注样式.在公式和标号之间插入一个样式分隔符. ____________________________________________ ...

  7. 第一篇 Flask初始

    Python 现阶段三大主流Web框架 Django Tornado Flask 对比 1.Django 主要特点是大而全,集成了很多组件,例如: Models Admin Form 等等, 不管你用 ...

  8. java线程系列之三(线程协作)

    本文来自:高爽|Coder,原文地址:http://blog.csdn.net/ghsau/article/details/7433673,转载请注明. 上一篇讲述了线程的互斥(同步),但是在很多情况 ...

  9. North American Invitational Programming Contest 2018

    A. Cut it Out! 枚举第一刀,那么之后每切一刀都会将原问题划分成两个子问题. 考虑DP,设$f[l][r]$表示$l$点顺时针一直到$r$点还未切割的最小代价,预处理出每条边的代价转移即可 ...

  10. VS2013使用滚动条缩略图、双击选中高亮、配色方案、代码竖虚线(缩进标尺)

    1.双击代码或选中代码高亮,用以下插件,反应很灵敏,我安装的是第三个 2.代码编辑器的滚动条缩略图是VS自带的,需要打开菜单----工具----选项,如下图设置: 3.VS默认的选中颜色,需要打开菜单 ...