js 中 Map 和 Set 区别

已于 2022-11-21 16:52:53 修改
阅读量2.2k 收藏 2
点赞数
分类专栏： 面试 文章标签： javascript
于 2022-09-13 20:42:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m54584mnkj/article/details/126841344
版权

区别：

(1) 这两种方法具有极快的查找速度;
(2) 初始化需要的值不一样，Map需要的是一个二维数组，而Set 需要的是一维 Array 数组
(3) Map 和 Set 都不允许键重复
(4) Map的键是不能修改，但是键对应的值是可以修改的；Set不能通过迭代器来改变Set的值，因为Set的值就是键。
(5) Map 是键值对的存在，值也不作为健；而 Set 没有 value 只有 key，value 就是 key；

chen_sir_sh
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中Symbol、Set和Map用法详解
01-19
本文实例讲述了ES6中Symbol、Set和Map用法。分享给大家供大家参考，具体如下： Symbol 1.Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种分别是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）； 2.Symbol 值通过Symbol函数生成，可以作为对象的属性名使用，保证不会与其他属性名产生冲突； let s = Symbol(); typeof s // symbol ps：上面代码表示创建一个Symbol变量，值得
js 中 Map 和 Set 的用法及区别
qq_45359288的博客
05-24 4213
目录1. Set1.1 简介1.2 常用语法1.3 用途1.4 遍历方法2. Map2.1 简介2.2 常用语法3. 区别 1. Set 1.1 简介 Set是ES6新增的数据结构，类似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。 Set是一个构造函数，用来生成set的数据结构。 set打印出来的数据结构，是一个对象 var set=new Set([1,2,3]) console.log(set) // Set(3) {1,2,3} 1.2 常
JavaScript中的Map对象和Set对象
2302_76609856的博客
12-01 390
提示：对象和对象有什么区别Object对象:Map对象:Set对象有什么区别,以及各自的优缺点和用法提示：以下是本篇文章正文内容，下面案例可供参考Map对象和object一样是用于保存键值对。但是Map对象任何值(对象或者原始值) 都可以作为一个键或一个值。Set对象常用于数组去重。
【JavaScript】Map和Set看这一篇就够了
z914020826的博客
08-17 410
作为一个前端开发初学者，随着学习的逐渐的深入，用到的对象就不再局限于Object和Array，开始使用Map和Set这两种数据结构无疑是重要的.最近在学习Vue3响应式，依赖收集track以及触发依赖trigger，都使用到了WeakMapMap、以及Set和WeakSet这些数据结构，WeakMap和WeakSet我们后续再说，本篇主要介绍的是Map和Set的基本使用。
js中map和set的区别
Allen-Ye博客
08-11 3262
一、Set的简介 Set类似于数组，但是它里面每一项的值是唯一的，没有重复的值，Set是一个构造函数，用来生成set的数据结构 let s = new Set(); let arr = [2, 3, 5, 4, 5, 2, 2]; arr .forEach(item => arr.add(item)); //向set添加重复的值for (let i of s) { console.log(i); } // 2 3 5 4 结果set不会添加重复的值复制代码 set构造函数可以接受一个数组当参数
javascript Set和Map的用法与区别
forever__fish的博客
02-04 587
Set 和 Map 主要的应用场景在于数据重组和数据存储。
js Map和Set
weixin_30735391的博客
08-27 70
测试你的浏览器是否支持ES6规范的map和set，执行以下代码，如果浏览器报ReferenceError错误则不支持 'use strict'; var m = new Map(); var s = new Set(); alert('你的浏览器支持Map和Set！'); Map的操作： var m = new Map(); m.set("name","张三");//添...
前端 js中 set， map区别
m0_67402125的博客
04-28 519
Set 对象类似于数组，且成员的值都是唯一的。 const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]; const set = new Set(); arr.forEach(item => set.add(item)); console.log(set); // 1, 2, 3, 4, 5 // 数组快速去重 console.log([...new Set(arr)]); //[1, 2, 3, 4, 5] Map 对象是键值对集合，和 JSON 对象类似，但是
JavaScript 中 Set 和 Map 的区别
weixin_59525879的博客
12-30 683
总的来说，Set 更适合存储唯一的值，并且对值的顺序敏感；Map 更适合存储键值对，并且对键的唯一性敏感。
JavaScript之Map和Set_动力节点Java学院整理
10-19
主要为大家详细介绍了JavaScript之Map和Set的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ES6中Map和Set
01-08
而本文将对ES6新增数据结构集Map和Set进行了解. Map ◣ Map顾名思义,地图本就有 一 一 对应的特点，就像字典一样. Map结构是键值的组合,它的key不止限于字符串类型 , key可以为任何类型.[如下所示:] var m = new ...
js-collections-map-set：具有示例代码的存储库，以演示JavaScript Map和Set数据结构
02-05
js-collections-map-set 示例代码库，用于演示JavaScript Map和Set数据结构。 设置与数组 设置+数组=更好在一起！
ES6新增数据类型set和map
01-20
JavaScript有一种数据类型叫对象，js中的数组算是一种新的类型，是一种特殊的对象，也是一种有序的对象，只是数据的组合方式不一样。 数据结构：数据是具体的东西，类型是一个范围，结构（集合）是数据的不同组合...
js中set与map
zyzn1425077119的博客
11-28 344
1 set var set=new Set(); set.add('A'); set.add('B'); set.has('A'); //包含A，返回true 或者 var s = new Set(['A', 'C']); s.forEach(function (element, sameElement, set) {     alert(element); })
面试常问的js里map和set的区别
weixin_34253539的博客
03-08 1826
一、Set的简介Set类似于数组，但是它里面每一项的值是唯一的，没有重复的值，Set是一个构造函数，用来生成set的数据结构let s = new Set(); let arr = [2, 3, 5, 4, 5, 2, 2]; arr .forEach(item => arr.add(item)); //向set添加重复的值for (let i of s) { console.log(i...
js中的set和map
weixin_43531654的博客
11-05 302
ES6中新增的Map和Set两种新的数据结构 Map是类似Object的一种键值对集合，区别在于Map的键不仅限于是字符串，其他各种类型的值包括对象都可以为Map的键 // 创建一个Map const a = new Map() // 往Map里面添加键，值 a.set(0, 'a') // Map(1) {0 => 'a'} // 根据键获取对应值 a.get(0) // 'a' // has方法可以用来检测Map是否包含某个key对应的元素 let isHasA = a.has(0) // 结
JavaScript之Set和Map数据结构
翾的博客
05-31 9037
setES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。//例 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { co
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 1089
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值