【ES6】Set和Map数据结构

1.set

类似于数据,但是成员的值都是唯一的,没有重复的值

const s=new Set()

let arr=[1,2,3,4]

arr.forEach(x=>s.add(x))

for(let i of s){

console.log(i)

}

const s=new Set([1,2,3,4,5])

[...s]

s.size //5

去除数组重复元素 (Array.from可以将Set解构转为数组)

[...new Set(array)]    Array.from(set)

去除字符串中的重组字符

[...new set(‘ababbc‘)].join(‘‘)

set加入值不会有类型转换,算法叫做“Same-value-zero equality”,类似于===

区别在于set认为NaN等于自身

空对象不相等

Set实例属性

Set.prototype.constructor:构造函数,默认就是Set函数。

Set.prototype.size:返回Set实例的成员总数。

Set实例方法两大类,1:操作方法 2:遍历方法

Set.prototype.add(value):添加某个值,返回 Set 结构本身。

Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。

Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。

Set.prototype.clear():清除所有成员,没有返回值

s.add(1).add(2).add(2);

s.size // 2

s.has(1) // true

s.delete(2);

s.has(2) // fals

set遍历方法

Set.prototype.keys():返回键名的遍历器

Set.prototype.values():返回键值的遍历器

Set.prototype.entries():返回键值对的遍历器

Set.prototype.forEach():使用回调函数遍历每个成员

Set的遍历顺序就是插入顺序

由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值)

所以keys方法和values方法的行为完全一致。

遍历的应用

1.去重(数组的map和filter可以间接用)

2.实现并集、交集、差集

let a = new Set([1, 2, 3]);

let b = new Set([4, 3, 2]);

// 并集

let union = new Set([...a, ...b]);

// Set {1, 2, 3, 4}

// 交集

let intersect = new Set([...a].filter(x => b.has(x)));

// set {2, 3}

// 差集

let difference = new Set([...a].filter(x => !b.has(x)));

// Set {1}

2.WeakSet

const ws=new WeakSet()

成员只能是对象

WeakSet中的对象都是弱应用,即如果其他对象都不在引用该对象,那么会自动回收所占用的内存

WeakSet.prototype.add(value):向 WeakSet 实例添加一个新成员。

WeakSet.prototype.delete(value):清除 WeakSet 实例的指定成员。

WeakSet.prototype.has(value):返回一个布尔值,表示某个值是否在 WeakSet 实例之中。

无size,forEach

3.Map

const m=new Map()

const o={}

m.set(o,‘content‘)

m.get(0) // ‘content‘

m.has(o) // true

m.delete(0)

m.has(o) // false

const map=new Map([[‘name‘,‘张三‘],[‘title‘,‘Author‘]])

map.size //2

map.has(‘name‘) //true

map.get(‘name‘) //‘张三‘

如果对同一个键多次赋值,后面的值将覆盖前面的值。

map.set(1, ‘aaa‘).set(1, ‘bbb‘);

map.get(1) // "bbb"

如果读取一个未知的键,则返回undefined。

new Map().get(‘asfddfsasadf‘)

注意,只有对同一个对象的引用,Map 结构才将其视为同一个键。

map.set([‘a‘], 555);

map.get([‘a‘]) // undefined

0和-0是一个键

undefined和null也是两个不同的键

NaN是一个键

Map实例属性和方法

size 属性

Map.prototype.set(key, value)

Map.prototype.get(key)

Map.prototype.has(key)

Map.prototype.delete(key)

Map.prototype.clear()

Map.prototype.keys():返回键名的遍历器。

Map.prototype.values():返回键值的遍历器。

Map.prototype.entries():返回所有成员的遍历器。

Map.prototype.forEach():遍历 Map 的所有成员。

Map 的遍历顺序就是插入顺序。

Map 转为数组

...myMap]

数组 转为 Map

Map 转为对象

function mapToObj(map){

let obj={}

for(let [k,v] of map){

obj[k]=v

}

return obj

}

对象转为 Map

function objToMap(obj){

let map=new Map()

for(let k of Object.keys(obj)){

map.set(k,pbj[k])

}

return map

}

Map 转为 JSON

1.键名都是字符串,转为对象JSON

JSON.stringify(mapToObj(map));

2.有非字符串

JSON.stringify([...map])

JSON 转为 Map

4.WeakMap

只接受对象作为键名

WeakMap的键名所指向的对象,不计入垃圾回收机制。

一旦不再需要,WeakMap 里面的键名对象和所对应的键值对会自动消失,不用手动删除引用。

原文地址:https://www.cnblogs.com/Mijiujs/p/12113457.html

时间: 2025-01-09 12:10:20

【ES6】Set和Map数据结构的相关文章

js ES6 Set和Map数据结构详解

这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能.用法及相关注意事项,需要的朋友可以参考下 本文实例讲述了ES6学习笔记之Set和Map数据结构.分享给大家供大家参考,具体如下: 一.Set ES6提供了新的数据结构Set.类似于数组,只不过其成员值都是唯一的,没有重复的值. Set本身是一个构造函数,用来生成Set数据结构. 1 . Set函数可以接受一个数组(或类似数组的对象)作为参数,用来

es6 Set 和Map 数据结构

ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个数据结构,用来生成Set 数据结构. const s = new Set(); [2,3,5,4,5,2,2,2].forEach(x=>s.add(x)); for(let i of s) { console.log(i); } // 2 3 5 4 Set 函数可以接受一个数组作为参数. 可以利用去除数组重复成员的方法. [...new Set(array)] // 去除数组重复变量成员

ES6 set和map数据结构对对象数组去重简单实现

自从有了es6的set数据结构,数组的去重可以简单用一行代码实现,比如下面的方式 let arr = [1, 2, 2, 3, 4] function unique (arr) { return [...new Set(arr)] } console.log(unique(arr)) // [1, 2, 3, 4] 但是当数组的项不再是简单的数据类型时,比如是对象时,这种方法就会导致错误,比如下面的结果 let arr = [ { name: 'a', num: 1}, { name: 'b',

ES6 -Set 和 Map 数据结构

一.set 1.set数据结构:类似数组,但是里面不能有重复值 2.set语法, new Set([]) let set=new Set([1,2,1]); console.log(set);// {1, 2} 3.set 方法 // add() 增加,返回增加后的set console.log(set.add(3)); // {1, 2,3} // delete() 删除,返回true或false console.log(set.delete(2));// true // has() 判断是否

ES6中的Set、Map数据结构

Map.Set都是ES6新的数据结构,他们都是新的内置构造函数.也就是说typeof的结果,多了两个. 他们是什么:  Set是不能重复的数组.    Map是可以任何东西当做键的对象: ES6 提供了新的数据结构 Set.它类似于数组,但是Set成员的值都是唯一的,没有重复的值. let m = new Set(); m.add(1); m.add(2); m.add(3); m.add(3); m.add(3); m.add(4); m.add(5); console.log(m); 集合中

ES6 之 Set数据结构和Map数据结构 Iterator和for...of循环

ECMAScript 6 入门 Set数据结构 基本用法 ES6提供了新的数据结构Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set本身是一个构造函数,用来生成Set数据结构. var s = new Set(); [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add方法向Set结构加入成员,结果表明Set结构不会添加重复的值. 向S

es6笔记(5)Map数据结构

概要 字典是用来存储不重复key的Hash结构.不同于集合(Set)的一点,字典使用的是[key,value]的形式来存储数据. JavaScript的对象(Object:{})只能用字符串当做key.使用起来有一定限制. 为了解决这个问题,ES6提供的Map数据结构.它类似与对象,也是[key,value]的集合,但是key的范围不限于字符串,各种类型的值(包括对象)都可以当做key. 也就是说Object结构提供了 "字符串--值"的对应: Map提供了"值--值&quo

es6的Set和Map数据结构

Set 和 Map 数据结构 Set WeakSet Map WeakMap Set § ? 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add

ES6之路第九篇:Set和Map数据结构

set 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. 1 const s = new Set(); 2 3 [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); 4 5 for (let i of s) { 6 console.log(i); 7 } 8 // 2 3 5 4 上面代码通过add方法向 Set 结构加入成员,结果表明 Set 结构不

ES6的新特性(12)——Set 和 Map 数据结构

Set 和 Map 数据结构 Set 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add方法向 Set 结构加入成员,结果表明 Set 结构不会