ES6-Map()用法

Map( )的介绍:

ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。

Map 的属性和方法:

  1. size 返回 Map 的元素个数
  2. set 增加一个新元素,返回当前 Map
  3. get 返回键名对象的键值
  4. has 检测 Map 中是否包含某个元素,返回 boolean 值
  5. clear 清空集合,返回 undefined

Map的使用:

1.添加元素

// 声明map()
let m =new Map();
// 添加元素
m.set('name','典韦');
console.log(m); // Map(1) {'name' => '典韦'}
 m.set('change',function(){
     console.log('努力学习,天天向上');
 })
 console.log(m);

image-20220607204626001

let key = {
    name:'王者峡谷'
}
m.set(key,['妲己','刘备','张飞'])
console.log(m);

image-20220607204653665

2.获取元素个数

console.log(m.size); // 3

4.删除元素

m.delete('name')
console.log(m);

image-20220607223851048

5.获取元素

console.log(m.get('change'));
console.log(m.get(key));

image-20220607223958776

6.清空元素

m.clear();
console.log(m);

image-20220607224046384

7.遍历元素

for(let v of m){
    console.log(v);
}

image-20220607224214925

posted @ 2022-06-07 22:44  秋弦  阅读(967)  评论(0编辑  收藏  举报