js的Set和Map数据结构

最新推荐文章于 2024-04-29 21:37:16 发布
最新推荐文章于 2024-04-29 21:37:16 发布
阅读量205 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41522343/article/details/115101107
版权
本文详细介绍了JavaScript中的Map和Set数据结构，包括它们的存储方式、初始化、操作方法以及遍历方式。Map以键值对形式存储，键可以是任意数据类型，而Set确保内部元素不重复，可用于数组去重。两者都提供了size、set、get、has、delete和clear等操作。此外，还探讨了Map和Set在内存地址判断、特殊值处理等方面的规则。
摘要由CSDN通过智能技术生成

Map

  • 键值对形式存储（键可以是任意数据类型，包括Object）
    在这里插入图片描述

  • Map也可以接受一个二维数组作为参数
    在这里插入图片描述
    此时实际执行的算法：
    在这里插入图片描述

  • 读取一个未知的值返回undefined

  • Map中的键是看的内存地址，内存地址不同则键视为不同
    在这里插入图片描述

  • 对于简单数据类型，两个值严格相等才视为同一个键，-0和0视为同一个键

  • NAN视为同一个键

  • 四个操作方法
    size
    set(key,value)
    get(key,value)
    has(key)
    delete(key)
    clear()

  • 遍历方法（3个返回遍历器，一个遍历方法）
    在这里插入图片描述

Set

  • 可以接受数组来初始化
    实际内部执行
    在这里插入图片描述
  • 可见set内部数据无法重复，所以可以用于数组去重，用Array.form可以转为数组
    在这里插入图片描述
  • 方法和遍历同Map
八阿哥啊
关注
es6中的Set和Map数据结构
m0_51431448的博客
02-16 463
Set数据结构 ※ es6新增了一中全新的数据结构，类似于数组，但其中的元素不允许重复，也就是每个元 素在其中都是唯一的，我们可以称之为：集合 即Set ※ Set中认为两个NaN是相等的 ※ 一般我用使用Set进行数组的去重 集合中新增元素 ...
js的Set与Map数据结构
qq_34853493的博客
03-28 1276
一、Set方法 是在写leetCode的时候使用了Set(无重复的情况)方便解题 这里写目录标题一、Set方法Set的用法Set实例的属性与方法Set对象的遍历方法 Set的用法 1. Set是ES6提供的新的数据结构，类似于数组，但是值是唯一的，没有重复值。 let set = new Set() set.add(1).add(2).add(2) // Set(2) {1, 2} 2. Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 // 1.数组作为
JavaScript Set和Map数据结构
liuqiao0327的专栏
08-09 574
JavaScript Set和Map数据结构 文章目录JavaScript Set和Map数据结构一.前言二.Set1.成员唯一2.属性方法1. size2.add()3.delete()4.has()5.clear()3.无法按下标查询,修改,排序4.Set的取值1.扩展运算符解构赋值2.forEach遍历3.for...of遍历4.keys()5.values()6.entries()5.Array和Set的对比6.Set的应用1.Set转为数组2.数组去重3.数组的map和filter可以间接用于Se
Javascript的Set和Map数据结构
读心悦
02-02 1286
Set Set是ES6引入新的数据结构，类似数组，但是它的元素成员是唯一的，Set本身是一个构造函数，可以直接用来生成一个Set数据结构： const set = new Set(9); 因为它的每一个元素都是唯一的，那就可以给数组去重： const arr = new Set([1,2,3,3,4,4,5]); 当然，去重后，返回的是一个Set结构的值，需要用Array.from()转化，才能得到我们想要的数组。 Set属性和方法 构造函数，默认就是Set函数 size，返回Set实例的成员的数量
JS Set和Map数据结构
wu_2004的博客
09-14 375
前言：如果要用一句来描述，我们可以说Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构什么是集合？什么又是字典？集合区别？
JavaScript之Set和Map数据结构
翾的博客
05-31 9072
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
ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解
12-02
Map数据结构则与Set不同，它存储键值对，且键可以是任何类型，而不仅仅是对象。Map也有自己的构造函数，如下： ```javascript let map = new Map(); ``` Map的操作方法包括`set()`, `get()`, `has()`, `delete()`, `...
ES6学习笔记之Set和Map数据结构详解
08-30
接下来，我们讨论Map数据结构。Map允许键值对存储，其中键可以是任何类型，不仅限于字符串。Map的构造函数也可以接受一个数组的数组作为参数来初始化： ```javascript var map = new Map([['name', 'John'], ['age'...
详解ES6中的 Set Map 数据结构学习总结
10-17
本篇文章将深入解析Set和Map数据结构，并通过实例介绍它们的主要特点、使用方法以及如何利用它们来优化代码。 首先，让我们关注Set数据结构。Set类似于数组，但其核心特征在于所有成员都是唯一的，不允许重复。这...
JS中Map和Set数据结构
qq_43742385的博客
07-16 426
JS中Map和Set数据结构 Set 1. 介绍 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 浏览器打印Set看一看，发现确实是一个构造函数，我们可以调用这个构造函数生成Set实例，同时，这个构造函数的prototype上有很多属性和方法，我们的实例可以通过原型来访问这些属性和方法。 2. Set 实例的属性和方法 Set 结构的实例有以下属性。 Set.prototype.constructor：构造函
js语法---map,set结构
最新发布
I_am_shy的博客
04-29 1431
map是一个带键的数据项的集合，就像一个Object一样。但是它们最大的差别是Map允许任何类型的键（key）。
23、js中的set和map数据结构（ES6）
sunnnnh的博客
06-02 1245
一、set set类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 二、map
JavaScript中的Set和Map数据结构总结
magic_engineer的博客
11-06 373
Set： 基础用法 Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身为构造函数，用它来生成Set数据结构。 const set = new Set();  // Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 Set 实例的属性和方法 Set 结构的实例有以下属性。 Set.prototype.constructor...
【JavaScript】Set和Map数据结构
LuWeien的博客
02-04 1687
💡 Map数据结构是一个类似于对象的数据结构，它的key可以是任何数据类型, 可以被看做为一个 值 = 值 的数据结构。💡 Set数据结构是ES6新增的数据结构，是一个类似于数组的数据结构，按照索引排列。var s = new Set([数据1, 数据2, 数据3…利用Set不接受重复数据的特点封装函数给数组去重。
ES6—Set和Map数据结构（可转为数组）
qq_24892029的博客
01-26 7361
一：Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。（不包括空对象） Set 本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) {   console.lo
JavaScript进阶（二十二）：集合 Set 和 Map
IT全栈 华强工作室
10-25 7207
也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。Map在使用过程中的一些注意事项二 如果Map结构中的key是一个对象的情况下，每个对象都是不同的键，即使是两个空的对象，因为两个对象的地址值不同，以后引用别人的插件，使用对象作为键，就能避免同名碰撞的情况。Set的遍历器——keys() 返回键名的遍历器，values() 返回键值的遍历器，entries() 返回键值对的遍历器，forEach() 使用回调函数遍历每个成员。
JavaScript中Set的使用
m0_51636525的博客
06-11 9870
在ES6之前，我们主要使用数组、对象来存储数据；在ES6中新增了另外两种数据结构：Set、Map和WeakSet、WeakMap。Set有点类似于Array数组，但是和数组的区别是Set的元素不能重复。先不考虑Set的创建方法，通过案例来演示Set和Array数组的区别。我们需要通过Set的构造函数创建Set（没有字面量创建的方式）...............
js中的set与map
前端杂文
03-01 5560
js中的set与map 简述： Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构。 集合 与 字典 的区别： 共同点：集合、字典 可以储存不重复的值 不同点：集合 是以 [value, value]的形式储存元素，字典 是以 [key, value] 的形式储存 集合（Set）： ES6 新增的一种新的数据结构，类似于数组，成员唯一（内部元素没有重复的值）。且使用键对数据排
【ES6】JS的Set和Map数据结构
十一月廿七风雨大作
01-15 1798
【ES6】JS的Set和Map数据结构一、Set1、基本用法2、4种操作方法3、4种遍历方法4、Set的应用1）Set转化为数组2）去除数组的重复元素3）实现并集(Union)、交集(Intersect)、差集(Difference)二、Map1、基本用法2、操作方法3、4种遍历方法 引言：Java、C++早就有了Map、泛型等概念。ES6正式归纳了Set和Map数据结构。 一、Set 1、基...
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、付费专栏及课程。

余额充值