es6-set-map数据结构
Set的用法
set的key一定是字符串
{
let list=new Set(); list.add(5);//向set中增加值要用add() list.add(6); console.log('size',list.size);//set的长度要用size
}
结果为size 2
还有一种声明方法,在set初始化时就定义值
{ let arr=[1,2,3,4,5];
let list=new Set(arr);
console.log('size',list.size); }
结果为size 5
size中的数据是唯一的,如果添加进去重复的数据,不会报错,但是只会显示一个,这种特性可以用来去重
{ let list=new Set();
list.add(1);
list.add(2);
list.add(1);
console.log('list',list);
}

上面的代码中多添加了一个1,但是只会显示一个1
let arr=[1,2,3,1,2];
let list2=new Set(arr);
console.log('list2',list2);

set不会转换数据类型
let arr=[1,2,3,1,'2'];//前面的2是数值,后面的2是字符
let list2=new Set(arr);
console.log('list2',list2);

set方法
添加:add
删除:delete
清空:clear
查看是否有某元素:has
遍历
{
let arr=[1,2];
let list=new Set(arr);
//遍历
for(let key of list.keys())
{ console.log('key ',key); }
for(let value of list.values())
{ console.log('value ',value); }
//如果不加方法,默认的会是value值
for(let value of list)
{ console.log('value/ ',value); }
for(let [key,value] of list.entries())
{ console.log('key,value ',key,value); }
}

遍历还可以使用forEach
list.forEach(function(item)
{ console.log('item',item); })

WeakSet的用法
WeakSet和Set支持的数据不一样吗,weakset的元素只能时候对象
weakset是一个弱引用,不会去检测是否与垃圾回收机制挂钩上
{
{ let weaklist=new WeakSet();
let arg={};//这个是一个对象
weaklist.add(arg);
console.log('weaklist',weaklist);
}

如果是weaklist.add(2);这样会报错
weakset没有clear方法
weakset没有set属性
weakset不能遍历
其他和set一样
Map的用法
map的key可以是多种类型
{ //声明
let map=new Map();
let ar=['123']; map.set(ar,456);//添加元素
console.log('map',map,map.get(ar));
}

还有初始化时赋值
{ let map=new Map([['a',123],['b',456 ]]);
console.log('map args',map); }

map的方法
求大小:size
获取值:get
添加值:set
删除:delete
清空:clear
遍历
和set一模一样
WeakMap的用法
weakmap与map的区别可以对比weakset与set的区别来验证
es6-set-map数据结构的更多相关文章
- ES6中Map数据结构学习笔记
很多东西就是要细细的品读然后做点读书笔记,心理才会踏实- Javascript对象本质上就是键值对的集合(Hash结构),但是键只能是字符串,这有一定的限制. 1234 var d = {}var e ...
- ES6中map数据结构学习
在项目中遇到一个很恶心的需求,然后发现ES6中的map可以解决,所以简单学习了一下map. Javascript的Object本身就是键值对的数据结构,但实际上属性和值构成的是“字符串-值”对,属性只 ...
- ES6中map数据结构
key值可以任意值或对象,value值可以是任意值或对象 let json={ name:'eternity', skill:'java' }; let map=new Map(); map.set( ...
- ES6 之 Set数据结构和Map数据结构 Iterator和for...of循环
ECMAScript 6 入门 Set数据结构 基本用法 ES6提供了新的数据结构Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set本身是一个构造函数,用来生成Set数据结构. va ...
- ES6中的Set、Map数据结构
Map.Set都是ES6新的数据结构,他们都是新的内置构造函数.也就是说typeof的结果,多了两个. 他们是什么: Set是不能重复的数组. Map是可以任何东西当做键的对象: ES6 提供 ...
- es6学习笔记-set和map数据结构
ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3 ...
- JavaScript(ES6)学习笔记-Set和Map数据结构(一)
一.Set 1.ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. , , , , ']); s; // ...
- es6笔记(5)Map数据结构
概要 字典是用来存储不重复key的Hash结构.不同于集合(Set)的一点,字典使用的是[key,value]的形式来存储数据. JavaScript的对象(Object:{})只能用字符串当做key ...
- js ES6 Set和Map数据结构详解
这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能.用法及相关注意事项,需要的朋友可以参考下 本 ...
- ES6系列_12之map数据结构
1.map数据结构出现的原因? JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键.这给它的使用带来了很大的限制.为了能实现将对象作为键 ...
随机推荐
- N天学习一个Linux命令之grep
前言任何系统都会出问题,出了问题一般怎么排查BUG?这个时候程序中记录的异常日志以及关键节点的日志就非常重要了,面对一大堆的日志文件,怎么找出我们需要的有用信息呢?linux中可以使用grep命令查找 ...
- Clojure:读取xml
在Clojure中读取XML是很容易的.比如我们有一个名叫strings.xml文件: <?xml version="1.0" encoding="utf-8&qu ...
- Clojure:将两个list合并成一个map
假设我们有两个list,分别是: (def a [“one” “two” “three”]) (def b [1 2 3]) 我们要把它们合为一个键值对应的map,做法很简单: 1. 先将a和b合为一 ...
- 查看编译器的默认include 路径
echo | gcc -v -x c++ -E - echo | g++ -v -x c++ -E - `gcc -print-prog-name=cc1plus` -v `g++ -print-pr ...
- UIView 的图层关系
个人认为用字母取代这样的比較好理解,.给新人学习 addSubview是一层一层往上加,新加的仅仅能放到父视图的最上层, insertSubView能够控制它加入到父视图的哪一层 A addSubv ...
- Oracle经典教程学习笔记
Oracle学习 1.为表创建约束:alter table 表名 add constraint 约束名 约束内容 演示样例:alter bable infos add constraint UN_ST ...
- HDU1024_Max Sum Plus Plus【滚动数组】
Max Sum Plus Plus Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others ...
- PL/SQL Developer使用技巧、快捷键(转发)
转发自:https://www.cnblogs.com/linjiqin/archive/2013/06/24/3152538.html PL/SQL Developer使用技巧.快捷键 1.类SQL ...
- 学习笔记——SQL SERVER的递归
SQL SERVER似乎天然具有支持递归的属性. 1.比如说,有几次,我编写或修改存储过程的时候,为图方便,在末尾随手写上 执行这个存储过程 的语句,比如 [sql] view plaincopy A ...
- OST
爱情的条件 http://music.163.com/#/album?id=531414 kill me heal me http://music.163.com/#/album?id=3104890