es6 新增 set 和 map数据结构以及应用场景

2023-06-26,,

https://www.cnblogs.com/sexintercourse/p/12269580.html

Set数据容器,这是一个能够存储无重复值的有序列表。

1. 创建集合 set

let set = new Set(['A','B','C']);
console.log(set);

2. 属性--size

console.log(set.size)

3. 方法

3.1 set.add( )

set.add('D').add('E')
console.log(set);

3.2 set.delete( )

1 set.delete("E");
2 console.log(set);

3.3 set.has( )

console.log(set.has("A"));//返回boolean

3.4 set.clear( )

1 set.clear();
2 console.log(set);//清除集合内部数据

3.5 set.forEach( )

set.forEach(function(value,index,set){
console.log(value);
console.log(index);
console.log(set);
});

Map 类似于对象,但普通对象的 key 必须是字符串或者数字,而 Map 的 key 可以是任何数据类型...

1.创建集合map

 const map = new Map();
map.set(100, 'fsd').set('key', 'value') 等同于 const map = new Map([[100, 'fsd'],['key', 'value']]); //二维数组
  console.log(map)  // Map(2) {100 => 'fsd', 'key' => 'value'}

Map 实例的属性和方法如下:

size:获取成员的数量
set:设置成员 key 和 value
get:获取成员属性值
has:判断成员是否存在
delete:删除成员
clear:清空所有

const map = new Map();
map.set('aaa', 100);
map.set('bbb', 200); map.size // 2 map.get('aaa') // 100 map.has('aaa') // true map.delete('aaa')
map.has('aaa') // false map.clear()

Map 实例的遍历方法有:

keys():返回键名的遍历器。
values():返回键值的遍历器。
entries():返回所有成员的遍历器。
forEach():遍历 Map 的所有成员。
const map = new Map();
map.set('aaa', 100);
map.set('bbb', 200);

keys方法获取key值是,获取到的不是一个真实的数组,而是类似于 Set 数据类型,可以只用Array.from()或者展开运算符...,转成真数组

  const map = new Map();
map.set(100, 'fsd').set('key', 'value')
console.log(map.keys()) //MapIterator {100, 'key'}

es6 新增 set 和 map数据结构以及应用场景的相关教程结束。

《es6 新增 set 和 map数据结构以及应用场景.doc》

下载本文的Word格式文档,以方便收藏与打印。