ES6学习之Set和Map
一、Set
1.Set
定义:Set类似于数组,但成员的值都是唯一的,没有重复的值
let s = new Set([1,2,3,4,5,2,4]); //Set { 1, 2, 3, 4, 5 }
Set转数组
let s = new Set([1, 2, 3, 4, 5, 2, 4]);
//方法一:
let arr = [...s]; //[ 1, 2, 3, 4, 5 ]
//方法二
let arr2 = Array.from(s); //[ 1, 2, 3, 4, 5 ]
利用Set实现数组去重
let arr = [1, 2, 3, 5, 2, 1,NaN,NaN,"5",0,-0];
//Set内部使用精确等于,类似于===,但NaN等于NaN
let arr2 = [...new Set(arr)];
console.log(arr2) //[ 1, 2, 3, 5, NaN, '5', 0 ]
Set实例的属性
- constructor(构造函数,默认就是
Set
函数)
let s = new Set();
s.constructor //[Function: Set]
- size(返回
Set
实例的成员总数)
let s = new Set([1, 2, 6, 5, 4, 3, 3, 1]);
s.size //
Set实例的方法
add(value):添加成员,返回Set结构本身
delete(value):删除成员,返回Set结构本身
has(value):判断成员是否存在,返回布尔值
clear():清除所有成员,没有返回值
let s = new Set();
s.add(1).add(2); //Set { 1, 2 }
s.delete(1); //Set { 2 }
s.has(1) //false
s.clear()
console.log(s) //Set {}
Set遍历操作
keys():返回键名的遍历器
values():返回键值的遍历器
entries():返回键值对的遍历器
forEach():使用回调函数遍历每个成员
let s = new Set(["green", "blue", "red"]);
for (let item of s) { //默认取values
console.log(item) //green blue red
} for (let item of s.values()) {
console.log(item) //green blue red
} for (let item of s.keys()) {
console.log(item) //green blue red
} for (let item of s.entries()) {
console.log(item) //[ 'green', 'green' ] [ 'blue', 'blue' ] [ 'red', 'red' ]
} s.forEach((value, key) => {
console.log(key + ":" + value)
}) //green:green blue:blue red:red
Set取交集,并集和差集(数组的map好filter方法可以应用于Set)
let s1 = new Set([1, 2, 3, 4, 5]);
let s2 = new Set([1, 3, 5, 7, 9]);
//并集
let s3 = new Set([...s1, ...s2]); //Set { 1, 2, 3, 4, 5, 7, 9 }
//交集
let s4 = new Set([...s1].filter(x => s2.has(x))); //Set { 1, 3, 5 }
//差集
let s5 = new Set([...s1].filter(x => !s2.has(x))) //Set { 2, 4 }
2.WeakSet
定义:不重复的值的集合,成员只能是对象(obj,arr),而不能是其他类型的值。WeakSet 中的对象都是弱引用,即垃圾回收机制不考虑 WeakSet 对该对象的引用。
let s = new WeakSet([[1,2],[3,4]]); //ok
let s2 = new WeakSet([1,2,3]); //error
方法:add(value),delete(value),has(value),不能遍历(不能使用forEach等)也没有size属性
let s = new WeakSet();
let foo = {};
let obj = {}; s.add(foo).add(obj);
s.delete(foo);
s.has(foo)
二、Map
1.Map
定义:类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
const m = new Map();
const o = {p: 'Hello World'}; m.set(o, 'content')
m.get(o) // "content"
//数组
let map = new Map([
["name", "fred"],
["age", 23]
])
console.log(map) //Map { 'name' => 'fred', 'age' => 23 } //Set
let set = new Set([
["name", "fred"],
["age", 23]
])
let map1 = new Map(set);
console.log(map1) //Map { 'name' => 'fred', 'age' => 23 } //Map
let m = new Map([
["name", "fred"],
["age", 23]
])
let map2 = new Map(m);
console.log(map2) //Map { 'name' => 'fred', 'age' => 23 }
Map的键:对象(绑定内存地址,只有对同一对象的引用,才视为同一个键),简单数据类型(只要两个值严格相等(===),Map 将其视为一个键)
let map = new Map();
let a = ['a'];
let b = ['a'];
map.set(a, "111").set(b, "222"); //引用类型a和b的内存地址不一样,视为两个key
console.log(map) //Map { [ 'a' ] => '111', [ 'a' ] => '222' } let map2 = new Map();
map2.set(-0, "111").set(0, "222"); //简单数据类型,严格等于-0===0,后者覆盖前者
console.log(map2) //Map { 0 => '222' }
属性和方法
size():返回 Map 结构的成员总数
set(key,value):设置键名key
对应的键值为value
get(key):读取key
对应的键值,如果找不到key
,返回undefined
delete(key):删除某个键,返回true
has(key):返回一个布尔值,表示某个键是否在当前 Map 对象之中
clear():清除所有成员,没有返回值
let map = new Map();
map.set("name","fred");
map.get("name");
map.has("name");
map.size;
map.delete("name");
map.clear()
遍历方法
let map = new Map([
["name","fred"],
["age",23]
]);
for (let item of map.keys()){
console.log(item)
} //name age for (let item of map.values()){
console.log(item)
} //fred 23 for (let item of map.entries()){
console.log(item)
} //[ 'name', 'fred' ] [ 'age', 23 ] for (let [key,value] of map){
console.log(key,value)
} //name fred age 23 map.forEach(function(value, key, map) {
console.log("Key: %s, Value: %s", key, value);
}); //Key: name, Value: fred Key: age, Value: 23
与数组的map
方法、filter
方法结合使用
let map = new Map([
[1,"fred"],
[2,23]
]); let map1 = new Map(
[...map].filter(([k,v])=>k<2)
) //Map { 1 => 'fred' } let map2 = new Map(
[...map].map(([k,v])=>[k*2,v])
) //Map { 2 => 'fred', 4 => 23 }
2.WeakMap
定义:与Map
结构类似,也是用于生成键值对的集合。键名只能是对象,键名所指向的对象,不计入垃圾回收机制。
let map = new WeakMap();
let key = {foo: 1};
map.set(key, 2) //ok
map.set(1, 2) //error
语法:没有遍历操作(即没有key()
、values()
和entries()
方法),也没有size
属性。只有四个方法可用:get()
、set()
、has()
、delete()
const wm = new WeakMap(); // size、forEach、clear 方法都不存在
wm.size // undefined
wm.forEach // undefined
wm.clear // undefined
ES6学习之Set和Map的更多相关文章
- es6学习笔记-set和map数据结构
ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3 ...
- es6 学习7 Set 和 Map 数据结构
Set 和 Map 数据结构 一.Set ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. const set = new Set([1, 2, 3, 4, ...
- ES6学习笔记(10)----Set和Map数据结构
参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ Set和Map数据结构 1.Set 基本用法 Set是一种新的数据结构,它的成员都是唯一 ...
- ES6学习目录
前面的话 ES6是JavaScript语言的下一代标准,已经在 2015 年 6 月正式发布.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言 为什么要学 ...
- javascript的ES6学习总结(第二部分)
1.数组循环 介绍数组循环之前,先回顾一下ES5数组的循环 (1)数组遍历(代替普通的for):arr.forEach(callback(val,index,arr){todo}) //val是数组的 ...
- javascript的ES6学习总结(第一部分)
ES6(ESNext学习总结——第一部分) ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版. ECMA每年6月份,发布一个版本 201 ...
- ES6中的Set与Map数据结构
本文实例讲述了ES6学习笔记之Set和Map数据结构.分享给大家供大家参考,具体如下: 一.Set ES6提供了新的数据结构Set.类似于数组,只不过其成员值都是唯一的,没有重复的值. Set本身是一 ...
- javascript的ES6学习总结(第三部分)
1.ES6中的面向对象的类 1.1.定义类 在ES5中,我们写一个类,通常是这么写的 function Person(name,age){ this.name = name; this.age = a ...
- ES6学习笔记之变量的解构赋值
变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值 以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...
随机推荐
- go语言之并发编程 channel(1)
单向channel: 单向通道可分为发送通道和接收通道.但是无论哪一种单向通道,都不应该出现在变量的声明中,假如初始化了这样一个变量 var uselessChan chan <- int =m ...
- android 半透明弹窗
<style name="edit_AlertDialog_style" parent="@android:style/Theme.Dialog"> ...
- iOS应用公布Invalid Binary问题解决方式
上次公布一淘HD应用.头一天公布,第二天就上线,私下还在想.是不是苹果採用什么优化的解决方式了,导致审核速度加快了. 这两天公布新版.一直碰到Invaild Binary问题.才想明确,原来大家都被这 ...
- OpenCV编程->RGB直方图统计
我们在处理彩色图像时.特别是在做局部图像的阈值切割时,须要一个直观的RGB统计图. 接下来開始实现. 代码: void CalcHistRGB() { IplImage* img_sou ...
- tf.InteractiveSession()与tf.Session()
tf.InteractiveSession():它能让你在运行图的时候,插入一些计算图,这些计算图是由某些操作(operations)构成的.这对于工作在交互式环境中的人们来说非常便利,比如使用IPy ...
- 模仿jquery框架源码---网络
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page& ...
- iOS JSON 和 Mode l转换
MJExtension 是我们项目开发常用的一个第三方框架 很好用. https://github.com/CoderMJLee/MJExtension 映射 json value key 直 ...
- String类型的对象,是保存在堆里还是在栈里呢?
在Java的实现中,new出来的String对象一般是放在堆中的. 如果是 String s ="xxx"; 这种,那就是放在常量池中. JDK6将常量池放在方法区中. 方法区此时 ...
- Linux查看端口占用进程
Linux查看端口占用进程 netstat -anlp|grep 8081 tcp /java 此处3195为进程ID
- 大话设计模式--原型模式 Prototype -- C++实现
1. 原型模式: 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象... 注意: 拷贝的时候是浅拷贝 还是 深拷贝, 来考虑是否需要重写拷贝构造函数. 关键在于: virtual Pro ...