2.数据结构map.html

标签：有一个   解决   asc   UNC   java   const   数组   color   键值   

map是ES提供的一种字典数据结构。

字典结构——用来存储不重复key的hash结构。不同于集合（set）的是，字典使用的是键值对的形式来存储数据

JavaScript对象（object：{}）只能用字符串来当key，这对使用带来了不便

为了解决这个问题，ES6提供了map数据结构。其类似于对象，也是键值对的集合，但“key”的范围不仅限于字符串，而是各种类型的值都可以当做key。也就是说，object提供了“字符串-值”的对应结构，map则提供的是“值-值”的对应。是一种更加完善的hash结构

对象对map结构的支持演示

var data1={a:1},
      data2={b:2},
      obj={};
      //为obj对象添加属性（将data1和data2作为属性名）
      obj[data1]=1;
      obj[data2]=2;
      console.log(obj);

可以看到结果并非我们需要的

创建一个map

const map=new Map([
     [‘a‘,1],
     [‘b‘,2]
]);
console.log(map);

上面的[‘a‘,1]代表，将a作为key，1作为value声明

那么是否[‘a‘,1]中能写入第三个元素呢？答案是可以的，但是！ES6不会理你

map类的属性——size     用于获取map的长度

console.log(map.size);

map类的方法——set   Map.set(key,value)  设置键名key对应的键值为value，然后返回整个map结构。如果key已经有值，则键值会被更新，否则生成新的键 

console.log(map.set([1,2,3],‘3元素的数组‘));
//也可以链式添加
map.set(‘name‘,‘张三‘).set(‘age‘,28);
console.log(map);

map类的方法——get  Map.get(key)    读取key对应的键值，如果获取不到则返回undefined

console.log(map.get(‘name‘));

获取数组对应的键值——后续补充

map类的方法——delete   Map.delete(key)     删除某个键，如果删除成功返回true，否则返回false

console.log(map.delete(‘name‘));

map类的方法——has      Map.has(key)        判断某个键是否存在于map中，返回布尔值

console.log(map.has(‘age‘));

map类的方法——clear    Map.clear()         清除所有数据，没有返回值

map.clear();

map类的方法——keys     Map.keys()          返回键名的遍历器

console.log(map.keys());

map类的方法——values   Map.values()        返回键值的遍历器

console.log(map.values());

map类的方法——entries  Map.entries()       返回键值对的遍历器

console.log(map.entries());

map类的方法——forEach  map.forEach(function(){})   使用回调遍历每一个成员

map.forEach(function (value, key, map) {
      console.log(`这是key：${key},这是value：${value},这是map本身：${map}`);
})

Map在使用过程中需要注意的地方

1.在js中NaN是不等于自身的一种数据类型，但是在map中，多次set以NaN为key的数据的时候，会产生覆盖的行为。说明map会将NaN视为同一个键

map.set(NaN,1).set(NaN,10);
console.log(map);

2.如果map数据中以空对象作为key（{}）的话，会发现，出现了两个key，这是因为每一个{}都是全新的引用,其不同的是内存地址。而反观上面的NaN，其地址只有一个，所以才会出现覆盖的情况

map.set({},1).set({},2);
console.log(map);

2.数据结构map.html

标签：有一个   解决   asc   UNC   java   const   数组   color   键值   

原文地址：https://www.cnblogs.com/sky903700252/p/8798309.html