JS中Map数据结构?看这一篇就够了!!!

Map

  1. JavaScript 的对象(Object),本质上是键值对的集合(Hash
    结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

  2. Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现

  3. 任何具有 Iterator
    接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数。这就是说,Set和Map都可以用来生成新的 Map。

  4. 如果对同一个键多次赋值,后面的值将覆盖前面的值。

  5. 只有对同一个对象的引用,Map 结构才将其视为同一个键

  6. Map 的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。这就解决了同名属性碰撞(clash)的问题

  7. 如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键

方法
map.size // 属性返回 Map 结构的成员总数。
Map.prototype.set(key, value) // 方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。
// set方法返回的是当前的Map对象,因此可以采用链式写法。
Map.prototype.get(key) // 读取key对应的键值,如果找不到key,返回undefined。
Map.prototype.has(key) // 返回一个布尔值,表示某个键是否在当前 Map 对象之中
Map.prototype.delete(key) // 删除某个键,返回true。如果删除失败,返回false。
Map.prototype.clear() // 清除所有成员,没有返回值

遍历
**Map 的遍历顺序就是插入顺序**
Map.prototype.keys()// 返回键名的遍历器。
Map.prototype.values()// 返回键值的遍历器。
Map.prototype.entries()// 返回所有成员的遍历器。
Map.prototype.forEach()// 遍历 Map 的所有成员
forEach // 可以接受第二个参数,用来绑定this。

转换
  1. Map 转为数组 => 使用扩展运算符

  2. 数组 转为 Map => 数组传入 Map 构造函数

  3. Map 转为对象 =>如果所有 Map 的键都是字符串,它可以无损地转为对象,如果有非字符串的键名,那么这个键名会被转成字符串,再作为对象的键名。

  4. 对象转为 Map => 对象转为 Map 可以通过Object.entries()。

function objToStrMap(obj) {
  let strMap = new Map();
  for (let k of Object.keys(obj)) {
    strMap.set(k, obj[k]);
  }
  return strMap;
}
objToStrMap({yes: true, no: false})
// Map {"yes" => true, "no" => false}
  1. Map 转为 JSON,Map 的键名都是字符串,这时可以选择转为对象 JSON,Map 的键名有非字符串,这时可以选择转为数组 JSON。

  2. JSON 转为 Map,JSON 转为 Map,正常情况下,所有键名都是字符串。整个 JSON 就是一个数组,且每个数组成员本身,又是一个有两个成员的数组。这时,它可以一一对应地转为 Map。这往往是 Map 转为数组 JSON 的逆操作。

WeakMap

WeakMap结构与Map结构类似,也是用于生成键值对的集合
WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名。
WeakMap的键名所指向的对象,不计入垃圾回收机制
它的键名所引用的对象都是弱引用,即垃圾回收机制不将该引用考虑在内
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值