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; ...
随机推荐
- ACM-最小生成树之继续畅通project——hdu1879
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/lx417147512/article/details/27092583 ************** ...
- WORD表格数据运算技巧
我们经常会用WORD制作表格,有时表内的数据要运算的,WORD表格数据运算能力无法与EXCEL相比.但常见的乘除加减.相邻数据累加,将金额数字自动转成大写,WORD都能在表格内自动完成.下面以一个简单 ...
- 在VS2010下打开VS2008项目的解决办法
如何在vs2010中打开vs2008项目文件? 第一步:以记事本方式打开该项目的sln解决方案,找到这两行信息,分别如下:Microsoft Visual Studio Solution File, ...
- C#练习DataReader
SQL代码: create database ThreeDb go USE ThreeDb; GO CREATE TABLE classify --分类表 ( id ,), name ) not nu ...
- 【leetcode刷题笔记】Spiral Matrix
Given a matrix of m x n elements (m rows, n columns), return all elements of the matrix in spiral or ...
- IAR 条件断点
条件断点是IDE的一个重要功能,在IAR调试时候,经常跟踪一个数据,但是对较大的buffer,用普通的断点或live watch都不好跟踪. 比如某个buffer里一个数,我们知道他在第几个,但是却从 ...
- 手机端适配rem代码片段
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JavaScript的undefined与null、NaN的区别
Javascript的数据类型 在JavaScript中,有三种住数据类型.两种复合数据类型和两种特殊数据类型. 1.主数据类型(基元数据类型) 字符串 String数据类型: 字符串值是一个由零个或 ...
- hadoop-2.0.0-cdh4.6.0、sqoop-1.4.3-cdh4.6.0、mahout-0.7-cdh4.6.0 安装笔记
1. /etc/profile中环境变量配置: export HADOOP_HOME=/usr/local/hadoop/cdh4. export HADOOP_MAPRED_HOME=${HADOO ...
- DB2常见错误
+098 01568 动态SQL语句用分号结束+100 02000 没有找到满足SQL语句的行+110 01561 用DATA CAPTURE定义的表的更新操作不能发送到原来的子系统+111 0159 ...