美文网首页JavaScript
JavaScript Map 和 Set

JavaScript Map 和 Set

作者: Rising_life | 来源:发表于2019-03-11 15:50 被阅读44次

JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。

但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。

为了解决这个问题,最新的ES6规范引入了新的数据类型Map。

Map

Map是一组键值对的结构,具有极快的查找速度。

举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array:

var names = ['Michael','Bob','Tracy'];

var scores = [95,75,85];

给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。

如果用Map实现,只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找速度都不会变慢。用JavaScript写一个Map如下:

初始化Map需要一个二维数组,或者直接初始化一个空Map。Map具有以下方法:

由于一个key只能对应一个value,所以,多次对一个key放入value,后面的值会把前面的值覆盖掉:

Set

Set和Map类似,也是一组key的集合,但不存储value。由于key不能重复,所以,在Set中,没有重复的key。

var s1 = new Set();    // 空Set

var s2 = new Set([1,2,3]);    // 含1, 2, 3

重复元素在Set中自动被过滤:

注意:    数字3和字符串'3'是不同的元素。

add(key)    方法可以添加元素到Set中,可以重复添加,但不会有效果:

delete(key)    方法可以删除元素:

相关文章

  • ES6新增Map和Set数据类型

    Map和Set Map 和 Set 是 ES6 标准新增的数据类型 Map JavaScript的对象(Objec...

  • JavaScript Map和Set

    注意:Map和Set是ES6标准新增的数据类型 Map:增强版的Object Object的属性名只能为strin...

  • JavaScript Map 和 Set

    JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对...

  • javaScript 基础 02

    Map和Set JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结...

  • Javascript之Map和Set

    JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对...

  • JavaScript之Map和Set

    简单点说,跟Python的dict和set基本是一样的。JavaScript的默认对象表示方式{}可以视为其他语言...

  • ES6

    Symbol Set和Map Set Map Proxy get() set() apply() Reflect ...

  • Java Map,List,Set,String[]之间的转换

    Map和List map.values转list: Map和set map转set(主要用于迭代遍历) set转m...

  • 为什要使用新的Map Set, 以及一些Map Set的资料

    为什要使用新的Map Set 在没有 Map, Set 这两个数据类型之前, javascript 本身就可以简单...

  • String对象api汇总

    JavaScript 引用类型Object常见包括String,Number,Array,Set,Map等。 一、...

网友评论

    本文标题:JavaScript Map 和 Set

    本文链接:https://www.haomeiwen.com/subject/ipqbpqtx.html