ES6中set()和map()数据结构

最新推荐文章于 2024-09-16 06:30:00 发布
最新推荐文章于 2024-09-16 06:30:00 发布
阅读量378 收藏 2
点赞数
分类专栏： js 文章标签： es6 前端 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57262819/article/details/125902965
版权
本文介绍了Python中set数据结构的add、size、delete和has方法，以及如何利用set避免复杂数据类型中的重复问题。同时，对map的set、has、get和delete方法进行了阐述，并对比了它们在键值对管理中的应用。
摘要由CSDN通过智能技术生成

set

set .add()添加的方法
在这里插入图片描述
set.size 检测长度的方法
在这里插入图片描述
**set.delete 删除的方法
**

在这里插入图片描述
set.has () 方法
在这里插入图片描述

转为数组

[...set]
Array.from(set)

set 不会有重复的问题
在这里插入图片描述
注意: 在基本数据类型中 不会存在重复性问题 基本数据类型 都是一样的
但是在复杂数据类型中 函数 对象 等都是引用的堆内存重点地址 每个都不一样 所以set 不会去重
NaN这个类型不一样 这是个例外
在这里插入图片描述

map

map.set()这个方法创建一个键值对
在这里插入图片描述
map.has()这个方法检测的是键值对的键 返回布尔值
在这里插入图片描述
map.get() 返回的是值
在这里插入图片描述
map.delete()删除
在这里插入图片描述
这里删除了123

【ES6】Set 和 Map 数据结构
青山野火
02-27 913
文章目录前言一、Set1. 用法详解1.1 声明方式1.2 遍历的四种方式2. 应用场景2.1 数组去重2.2 合并去重2.3交集2.4 差集3. WeakSet二、Map1. 用法详解1.1 声明方式1.2 遍历的四种方式2. 应用场景3. WeakMap总结 前言 Set 、 Map为ES6新增的数据结构。 一、Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 1. 用法详解 1.1 声明方式
ES6中Set和Map数据结构
是阿瑶的博客呀~
11-05 143
ES6提供了新的数据结构set.它类似于数组,但是成员的值是唯一的,没有重复的值. set本身是一个构造函数,用来生成set数据结构. const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach((x) => s.add(x)) for (const i of s) { console.log(i) } //2,3,4,5 ...
es6的 Set 和 Map 数据结构
xiaoququ的博客
12-15 561
字典-----是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同。集合-----是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合。返回整个 Map 结构，可采用链式写法。返回整个 set 结构，可采用链式写法。key重复值会被覆盖。
Es6中的Set和Map的数据结构
li_gui_s的博客
11-12 781
Es6中的Set和Map的数据结构
ES6中Set和Map数据结构（2）
zsl15039718107的博客
12-07 301
ES6提供了新的数据结构 Set 和 Map。 上一篇：Set 数据结构 Map 在JavaScript中对象（Object），本质上是键值对的集合，但是传统上只能用字符串当作键，ES6中的 Map 数据结构也是键值对的集合，但是它的键不限与于字符串，各种类型的值包括对象都可以当作键。 //ES5 中Object const data = {}; const element = document....
es6中Set和Map数据结构
lgrrrr的博客
02-27 203
1、数据结构：Map 键值对：与对象不同的是键和值可以是任何类型 Map实例的属性和操作方法 size 属性：size属性返回 Map 结构的成员总数。 Map.prototype.set(key, value)：set方法设置键名key对应的键值为value，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。 Map.prototype.get(key)：get...
ES6中Set和Map数据结构（1）
zsl15039718107的博客
12-06 299
ES6提供了新的数据结构 Set 和 Map。 Set Set 类似于数组，但是其成员的值是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 const s = new Set([1,2,3,4,1]); console.log(s) //Set(4){1...
ES6: set和map数据结构以及使用场景
ZMN0057的博客
04-13 1419
D3.js:D3.js是一个数据可视化库，它使用 Set 来管理数据的唯一性，以及使用 Map 来存储数据映射关系，例如数据和图形元素之间的对应关系。Map是一种键值对的集合，其中键和值可以是任意类型的。它的使用场景包括需要存储键值对并需要快速查找的场景，比如存储对象之间的关联关系、缓存数据等。Set是一组唯一值的集合，适用于需要存储唯一值并需要快速查找的场景，比如数据去重、存储一组唯一的用户标识等。Set 中的值是不重复的，重复的值将被自动去重。的集合，它的值可以是任何类型。Set 是一种有序且。
ES6中Set和Map数据结构的方法有哪些
qq_45701130的博客
10-04 168
Set Set是ES6提供的新的数据结构，类似于数组，但是成员的值都是唯一的、不重复的。 Set实例的操作方法 let set = new Set(); //add(value):添加某个值，返回Set结构本身 set.add(1).add(2).add(1).add(3); //1,2,3 //delete(value):删除某个值，返回一个布尔值，表示是否删除成功 set.delete(1); //has(va
es6【Set 和 Map 数据结构】
热情、奔放、快乐编程！
06-05 827
Map 可以理解为：“映射”。Map 和 对象 都是键值对的集合。// 键 ——> 值，key ——> value// 对象：age: 18// Map：// Map 和 对象 的区别：// 对象一般用字符串当作 “键”（当然在书写时字符串键的引号可以去掉）.// Map 中的 “键” 可以是一切类型。
ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解
10-17
主要介绍了ES6中Set和Map数据结构，Map与其它数据结构互相转换操作,结合实例形式详细分析了ES6中的Set和Map数据结构的概念、原理、遍历、去重等操作,以及Map与其它数据结构互相转换操作,需要的朋友可以参考下
ES6中Set和Map用法实例详解
10-15
### Map数据结构详解 Map是一种可以存储键值对的数据结构，它类似于对象，也是键值对的集合，但与对象不同的是，Map的“键”可以是任意类型，包括对象和函数。 #### Map的基本操作 创建一个Map实例后，可以通过...
详解ES6中的 Set Map 数据结构学习总结
10-17
本篇文章将深入解析Set和Map数据结构，并通过实例介绍它们的主要特点、使用方法以及如何利用它们来优化代码。 首先，让我们关注Set数据结构。Set类似于数组，但其核心特征在于所有成员都是唯一的，不允许重复。这...
深入探索从ES6到ES2023
shiming8879的博客
09-11 1246
ECMAScript，全称European Computer Manufacturers Association Script，是由欧洲计算机制造商协会（ECMA）制定的JavaScript语言的国际标准。ECMAScript为JavaScript提供了标准化的语法和语义，使得JavaScript能够在不同的浏览器和环境中保持一致的行为。换句话说，ECMAScript是JavaScript背后的“规矩”，它确保了JavaScript的跨平台兼容性。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 381
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
easyexcel模板导出并且公式自动计算的方法
weixin_47615289的博客
09-11 439
【代码】easyexcel模板导出并且公式自动计算的方法。
JS笔记
2201_76100326的博客
09-11 520
Math对象属于Javascript内置对象，无需实例化（不需要添加new ），可以直接使用。只有一个Math.PI的属性。
uniapp中实现＜text＞文本内容点击可复制或拨打电话
最新发布
GoppViper的博客
09-16 225
标签时，会弹出一个操作菜单，用户可以选择复制电话号码或者直接拨打该号码。uni.setClipboardData用于实现复制功能，uni.makePhoneCall用于实现拨打电话功能。在上述代码中，当点击包含电话的。template 部分。
WebGL系列教程六（纹理映射与立方体贴图）
AIGIS的博客
09-12 1248
上一讲我们讲了如何使用索引绘制彩色立方体，还留了一个思考题：怎么让立方体的每个面都保持一个颜色?这一讲我们就来解决这个问题，并引出纹理映射和立方体贴图。其实这个词语还是比较好理解。见名知意，大概意思就是把纹理映射到某个地方，纹理是什么？现在你可以简单的认为纹理就是一张图片。把一张二维的图片映射到一个三维物体的表面，就叫纹理映射。本节我们从如何将立方体每个面的颜色改为相同的颜色开始，介绍到了如何将图片贴到立方体的表面，系统的分析了为什么不能再共用顶点，并将代码进行了修改，以及讲解了纹理坐标的使用。
ES6 Set与Map数据结构深度解析
"ES6学习笔记之Set和Map数据结构详解" 在JavaScript的ES6标准中，Set和Map是两种全新的数据结构，它们为开发者提供了更高效的数据管理方式，特别是处理唯一值和键值对的场景。 一、Set数据结构 1. 定义：Set是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值