前端知识笔记(三)———Map和Set有什么区别?

简介: 前端知识笔记(三)———Map和Set有什么区别?

首先想知道这两者的区别,要知道这两者的用处

一,Map是什么,有什么特点?

Map是一种键值对的集合。

特点:

  1. 键可以是任意数据类型,包括基本数据类型和引用数据类型。
  2. 键值对之间是有序的。
  3. 可以通过键来获取对应的值。
  4. 键是唯一的,不会出现重复的键。
  5. 可以根据需要动态添加、修改、删除键值对。

实例:

let map = new Map();
map.set("name", "John");  // 添加键值对
map.set("age", 30);
console.log(map.get("name"));  // 获取值
console.log(map.has("age"));  // 检查是否存在指定的键
map.delete("age");  // 删除键值对
console.log(map.size);  // 获取键值对数量

二,Set是什么,有什么特点?

Set是一种无重复元素的集合,类似于数组但是成员的值都是唯一的。

特点:

  1. 成员的值是唯一的,不会出现重复的元素。
  2. 成员之间是无序的,没有索引。
  3. 可以进行元素的添加、删除和查询。

实例:

let set = new Set();
set.add(1);  // 添加元素
set.add(2);
console.log(set.has(1));  // 检查是否包含指定元素
set.delete(2);  // 删除元素
console.log(set.size);  // 获取集合大小

三,Map和Set的区别是什么?

Map适用于需要存储键值对,并且需要根据键来获取对应值的场景。

Set适用于需要存储一组唯一值,并且不关心顺序的场景。

相关文章
|
29天前
|
前端开发 UED 开发者
颠覆你的前端知识:防抖与节流的区别及实战解析!
【8月更文挑战第23天】在Web前端开发中,处理用户界面交互产生的事件可能会影响性能。为此,我们有两种优化方法:防抖(debounce)和节流(throttle)。防抖确保函数仅在事件停止触发一段时间后执行一次,适用于如搜索自动补全场景。而节流则确保函数按固定时间间隔执行,不管用户操作频率如何。本篇技术博客将深入解析两者差异并提供示例代码,帮助开发者更好地理解和应用这些技巧以提升应用性能和用户体验。
57 0
|
2天前
|
存储 Java API
【数据结构】map&set详解
本文详细介绍了Java集合框架中的Set系列和Map系列集合。Set系列包括HashSet(哈希表实现,无序且元素唯一)、LinkedHashSet(保持插入顺序的HashSet)、TreeSet(红黑树实现,自动排序)。Map系列为双列集合,键值一一对应,键不可重复,值可重复。文章还介绍了HashMap、LinkedHashMap、TreeMap的具体实现与应用场景,并提供了面试题示例,如随机链表复制、宝石与石头、前K个高频单词等问题的解决方案。
15 6
【数据结构】map&set详解
|
7天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
1月前
|
存储 安全 Java
java集合框架复习----(4)Map、List、set
这篇文章是Java集合框架的复习总结,重点介绍了Map集合的特点和HashMap的使用,以及Collections工具类的使用示例,同时回顾了List、Set和Map集合的概念和特点,以及Collection工具类的作用。
java集合框架复习----(4)Map、List、set
|
1月前
|
Java
【Java集合类面试二十二】、Map和Set有什么区别?
该CSDN博客文章讨论了Map和Set的区别,但提供的内容摘要并未直接解释这两种集合类型的差异。通常,Map是一种键值对集合,提供通过键快速检索值的能力,而Set是一个不允许重复元素的集合。
|
1月前
|
前端开发 Java 编译器
【前端学java】java中的Object类和前端中的Object有什么区别(9)
【8月更文挑战第10天】java中的Object类和前端中的Object有什么区别
31 0
【前端学java】java中的Object类和前端中的Object有什么区别(9)
|
1月前
|
存储 JavaScript 前端开发
ES6新特性(四): Set 和 Map
ES6新特性(四): Set 和 Map
|
30天前
|
存储 Java 索引
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
22 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
67 2