ES6 Map数据结构
2022-05-07 本文已影响0人
生命里那束光
Map 集合
1. 概述:
ES6 提供了 Map 数据结构。
- 它类似于对象,Map是一个升级版的对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
- Map 也实现了iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历;
-
map元素的格式:
2. Map 的属性和方法:
size 返回 Map 的元素个数;
set 增加一个新元素,返回当前 Map;
get 返回键名对象的键值;
has 检测 Map 中是否包含某个元素,返回 boolean 值;
clear 清空集合,返回 undefined;
3. 简单使用:
代码实现:
<script>
// Map集合
let m = new Map(); // 创建一个空 map
// 创建一个非空 map
let m2 = new Map([
['name','尚硅谷'],
['slogon','不断提高行业标准']
]);
// 1. size 返回 Map 的元素个数;
console.log(m2.size);
// 2. set 增加一个新元素,返回当前 Map;
m.set("皇帝","大哥");
m.set("丞相","二哥");
console.log(m);
// 3. get 返回键名对象的键值;
console.log(m.get("皇帝"));
// 4. has 检测 Map 中是否包含某个元素,返回 boolean 值;
console.log(m.has("皇帝"));
// 5. clear 清空集合,返回 undefined;
m.clear();
console.log(m);
//遍历
for (let v of m) {
console.log(v);
}
</script>
运行结果: