Javascript Map和Set

爱被打了一巴掌 2022-08-03 03:12 187阅读 0赞

ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。

具有iterable类型的集合可以通过新的for … of循环来遍历。

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

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

为了解决这个问题，最新的ES6规范引入了新的数据类型Map。要测试你的浏览器是否支持ES6规范，请执行以下代码，如果浏览器报ReferenceError错误，那么你需要换一个支持ES6的浏览器：

'use strict';
    var m = new Map();
    var s = new Set();
    alert('你的浏览器支持Map和Set！');

**Map**

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

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

var names = ['Michael', 'Bob', 'Tracy'];
    var scores = [95, 75, 85];

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

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

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
    m.get('Michael'); // 95

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

var m = new Map(); // 空Map
    m.set('Adam', 67); // 添加新的key-value
    m.set('Bob', 59);
    m.has('Adam'); // 是否存在key 'Adam': true
    m.get('Adam'); // 67
    m.delete('Adam'); // 删除key 'Adam'
    m.get('Adam'); // undefined

由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值冲掉：

var m = new Map();
    m.set('Adam', 67);
    m.set('Adam', 88);
    m.get('Adam'); // 88

**Set**

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

要创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set：

var s1 = new Set(); // 空Set  
var s2 = new Set(\[1, 2, 3\]); // 含1, 2, 3  
重复元素在Set中自动被过滤：

var s = new Set(\[1, 2, 3, 3, ‘3’\]);  
s; // Set \{1, 2, 3, “3”\}  
注意数字3和字符串’3’是不同的元素。

通过add(key)方法可以添加元素到Set中，可以重复添加，但不会有>>> s.add(4)  
>>> s  
\{1, 2, 3, 4\}  
>>> s.add(4)  
>>> s  
\{1, 2, 3, 4\}elete(key)方法可以删除元素：

var s = new Set([1, 2, 3]);
    s; // Set { 1, 2, 3} s.delete(3);
    s; // Set { 1, 2}

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关 Map和Set

![30c62856180b41619343cf2eabf4bcf3.png][] 目录 1.搜索 1.1 概念 1.2 模型 2.Map的使用 2.1 Map说明

本是古典何须时尚/ 2023年10月10日 15:43/ 0 赞/ 45 阅读

相关 Map和Set

目录一，搜索 1.概念和场景 2. 模型二，Map 1.关于Map.Entry的说明 2.Map的常用方法注意事项： TreeMap 和 HashMap

比眉伴天荒/ 2023年10月02日 16:15/ 0 赞/ 4 阅读

相关 Set 和 Map

1. 数组去重 <script type="text/javascript"> [...new Set(array)]

「爱情、让人受尽委屈。」/ 2023年08月17日 15:55/ 0 赞/ 116 阅读

相关了解JavaScript中的Map和Set对象

The author selected the [Open Internet/Free Speech Fund][Open Internet_Free Speech Fund]

我就是我/ 2022年11月28日 15:29/ 0 赞/ 163 阅读

相关 Set和Map

Set和Map Set和Map Set Set中的常用方法： Map Map中的常用方法： Set和Map TreeSe

一时失言乱红尘/ 2022年11月19日 04:13/ 0 赞/ 198 阅读

相关 Set和Map

Set 一、创建Set对象实例 Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用 1.构造函数语法：new Set(\[iterable\]

叁歲伎倆/ 2022年11月14日 11:48/ 0 赞/ 169 阅读

相关 Javascript Map和Set

ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for … of循环来遍历。 J

爱被打了一巴掌/ 2022年08月03日 03:12/ 0 赞/ 188 阅读

相关 Map和Set

List Map Set是Java集合的三大类。它们都有各自的实现类。 List的主要实现类为 ArrayList 和LinkedList Map主要实现类为HashM

忘是亡心i/ 2022年02月20日 15:41/ 0 赞/ 242 阅读

相关 Map和Set

HashMap：key和value值均可为null，数组，链表，红黑树（8）尾插法（插到链表的最后） `threshold=数组长度loadfactor` ，决定是否扩容

雨点打透心脏的1/2处/ 2021年11月23日 04:26/ 0 赞/ 324 阅读

相关 JavaScript集合类：Array、Map、Set

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/cathar

谁借莪１个温暖的怀抱￠/ 2021年10月15日 20:23/ 0 赞/ 361 阅读