一、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"
任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数。
//数组
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()

遍历方法

keys():返回成员的key
values():返回成员的value
entries():返回成员的键值对
forEach():遍历所有成员(Map 的遍历顺序就是插入顺序)
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的更多相关文章

  1. es6学习笔记-set和map数据结构

    ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3 ...

  2. es6 学习7 Set 和 Map 数据结构

     Set 和 Map 数据结构 一.Set ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. const set = new Set([1, 2, 3, 4, ...

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

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

  4. ES6学习目录

    前面的话 ES6是JavaScript语言的下一代标准,已经在 2015 年 6 月正式发布.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言 为什么要学 ...

  5. javascript的ES6学习总结(第二部分)

    1.数组循环 介绍数组循环之前,先回顾一下ES5数组的循环 (1)数组遍历(代替普通的for):arr.forEach(callback(val,index,arr){todo}) //val是数组的 ...

  6. javascript的ES6学习总结(第一部分)

    ES6(ESNext学习总结——第一部分) ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版. ECMA每年6月份,发布一个版本 201 ...

  7. ES6中的Set与Map数据结构

    本文实例讲述了ES6学习笔记之Set和Map数据结构.分享给大家供大家参考,具体如下: 一.Set ES6提供了新的数据结构Set.类似于数组,只不过其成员值都是唯一的,没有重复的值. Set本身是一 ...

  8. javascript的ES6学习总结(第三部分)

    1.ES6中的面向对象的类 1.1.定义类 在ES5中,我们写一个类,通常是这么写的 function Person(name,age){ this.name = name; this.age = a ...

  9. ES6学习笔记之变量的解构赋值

    变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值 以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...

随机推荐

  1. go语言之并发编程 channel(1)

    单向channel: 单向通道可分为发送通道和接收通道.但是无论哪一种单向通道,都不应该出现在变量的声明中,假如初始化了这样一个变量 var uselessChan chan <- int =m ...

  2. android 半透明弹窗

    <style name="edit_AlertDialog_style" parent="@android:style/Theme.Dialog"> ...

  3. iOS应用公布Invalid Binary问题解决方式

    上次公布一淘HD应用.头一天公布,第二天就上线,私下还在想.是不是苹果採用什么优化的解决方式了,导致审核速度加快了. 这两天公布新版.一直碰到Invaild Binary问题.才想明确,原来大家都被这 ...

  4. OpenCV编程->RGB直方图统计

      我们在处理彩色图像时.特别是在做局部图像的阈值切割时,须要一个直观的RGB统计图.   接下来開始实现.    代码: void CalcHistRGB() { IplImage* img_sou ...

  5. tf.InteractiveSession()与tf.Session()

    tf.InteractiveSession():它能让你在运行图的时候,插入一些计算图,这些计算图是由某些操作(operations)构成的.这对于工作在交互式环境中的人们来说非常便利,比如使用IPy ...

  6. 模仿jquery框架源码---网络

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page& ...

  7. iOS JSON 和 Mode l转换

    MJExtension  是我们项目开发常用的一个第三方框架  很好用. https://github.com/CoderMJLee/MJExtension 映射 json  value key  直 ...

  8. String类型的对象,是保存在堆里还是在栈里呢?

    在Java的实现中,new出来的String对象一般是放在堆中的. 如果是 String s ="xxx"; 这种,那就是放在常量池中. JDK6将常量池放在方法区中. 方法区此时 ...

  9. Linux查看端口占用进程

    Linux查看端口占用进程 netstat -anlp|grep 8081 tcp /java 此处3195为进程ID

  10. 大话设计模式--原型模式 Prototype -- C++实现

    1. 原型模式: 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象... 注意: 拷贝的时候是浅拷贝 还是 深拷贝, 来考虑是否需要重写拷贝构造函数. 关键在于: virtual Pro ...