new Map()

new Map()

JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。
为了解决这个问题,ES6提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

 var obj = new Map() //定义一个空的map
 obj.set('name','tom')
 obj.set('0','tony')
 obj.set(1,'jerry')
console.log(obj)
打印结果如下:

打印值.png

可以看到,map对象的key可以为任何值,包括数字,不仅限于字符串。

实例的属性和操作方法
(1) size属性
size属性返回Map结构的成员总数。

var obj = new Map([['name', 'tom'], ['age', 12], ['sex', '']])
obj.size  //3
(2) set(key, value)
set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。

// 常用写法
var obj = new Map()
obj.set("age", 12)        // 键是字符串
obj.set(0, "standard")     // 键是数值
obj.set(undefined, "nah")     // 键是undefined

//set方法返回的是Map本身,也可以采用链式写法。
var map = new Map()
.set(1, 'a')
.set(2, 'b')
.set(3, 'c');
(3) get(key)
get方法读取key对应的键值,如果找不到key,返回undefined。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.get('hello')  // Hello ES6!
obj.get('word')  // undefined
(4) has(key)
has方法返回一个布尔值,表示某个键是否在Map数据结构中。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.has('hello')  // true
obj.has('word')  // false
(5) delete(key)
delete方法删除某个键,返回true。如果删除失败,返回false。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.has('hello')  // true
obj.delete('hello')
obj.has('hello')  // false
(6) clear()
clear方法清除所有成员,没有返回值。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.size // 1
obj.clear()
obj.size // 0

 

ES6中 new Map()
。

定义:键/值对集合

语法:

let mapObj = new Map();
备注:

集合中的键和值可以是任何类型。如果使用现有秘钥向集合中添加值,会替换原有值。

属性:

  构造函数:指定创建映射的函数

  Prototype:原型

  size:返回映射中的元素个数

let mapObj = new Map();
console.log(mapObj.constructor);//ƒ Map() { [native code] }
console.log(mapObj.size);//0
方法:

clear:从映射中移除所有元素

delete:从映射中移除指定元素

forEach:遍历映射中每个元素

get:获得映射中指定元素

has:判断映射是否含有某个元素

set:添加一个新建元素的映射

toString:返回映射字符串表示形式

valueOf:返回指定对象的原始值

let m = new Map();
m.set(1,"值1");
m.set("键2",{val:""});
console.log(m);//Map(2) {1 => "值1", 2 => {…}}
console.log(m.size);//2
m.set(1,"覆盖1");
console.log(m);//Map(2) {1 => "覆盖1", 2 => {…}}
m.forEach((value,key,map) => {
    console.log(value);
    console.log(key);
    console.log(map);
});

m.delete(1);
console.log(m);//Map(1) {"键2" => {…}}
console.log(m.get("键2"));//{val: "值"}
console.log(m.has("键2"));//true
console.log(m.toString());//[object Map]
console.log(m.valueOf());//Map(1) {"键2" => {…}}
m.clear();
console.log(m);//Map(0) {}

 

posted @ 2022-02-28 10:43  前端白雪  阅读(658)  评论(0)    收藏  举报