文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javascript之set和weakset的用法

今天我们来介绍一下数据结构Set和weakset set weakset 简单介绍 Set其实类似于数组，但是其中的成员值都是唯一的，没有重复的值。 如何构造一个Set？...Set本身也是一个构造函数，用来生成Set，其参数可以是空，可以是数组，可以是类似数组的对象（比如NodeList） 如果不清楚NodeList可以看这篇文章： (4条消息) javascript 中的..., 12, 16 } WeakSet的使用其实和Set比较类似，他们的区别主要有两个： WeakSet的成员只能是对象，而不是能是别的类型的值 WeakSet的对象都是弱引用，不能遍历 什么叫弱引用呢...，就是如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中。...关于Set的用法可以参考这篇博客： 【javaScript】之Set的用法_qwerty053的博客-CSDN博客

59320

比较JavaScript中的数据结构（数组与对象）

无论动机是什么，如果不知道什么是数组结构及何时使用应用字们，那学数据结构是一项繁琐且无趣的过程 ? 这篇文章讨论了什么时候使用它们。在本文中，我们将学习数组和对象。...数组中的数据以有序的方式进行结构化，即数组中的第一个元素存储在索引0中，第二个元素存储在索引1中，依此类推。 JavaScript为我们提供了一些内置的数据结构，数组就是其中之一 ?...在数组的末尾添加一个元素： JavaScript 中的数组有一个默认属性 length，它表示数组的长度。除了length属性外，JS还提供了 push() 方法。...在数组的开头添加一个元素： 对于此操作，JavaScript提供了一个称为unshift()的默认方法，此方法将元素添加到数组的开头。...对象 像数组一样，对象也是最常用的数据结构之一。 对象是一种哈希表，允许我们存储键值对，而不是像在数组中看到的那样将值存储在编号索引处。

5.5K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    深入理解 ES6 新增的数据结构 Set 与 WeakSet

    一、Set 1、Set 的基本用法 ES6 提供了新的数据结构 Set，它类似于数组，但是其成员的值都是唯一的，没有重复的值 Set 本身是一个构造函数，用来生成 Set 数据结构 var s = new...数据结构 var ws = new WeakSet(); ws // WeakSet {} 作为构造函数，WeakSet 可以接受一个数组或类数组的对象作为参数，该数组的所有成员，都会自动成为 WeakSet...，a 是一个数组，它有两个成员，也都是数组 将 a 作为 WeakSet 构造函数的参数，a 的成员会自动成为 WeakSet 的成员 2、WeakSet 与 Set 的区别 WeakSet 结构与...set 上面代码试图向 WeakSet 添加一个数值和 Symbol 值，结果报错，因为 WeakSet 只能放置对象 ② WeakSet 中的对象都是弱引用 即垃圾回收机制不考虑 WeakSet 对该对象的引用...也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中 这个特点意味着，无法引用 WeakSet 的成员，因此 WeakSet

    42020

    使用 Set 检测 JavaScript 对象值的变化

    JavaScript集合是一组有序的唯一值，对于消除重复值非常有帮助。在处理离散数据时，集合是必不可少的。...let user = { name: "Ygritte Snow", married: true, home: "Winterfell" };但是我们的JavaScript如何检测到对象文字的值已更改呢...这是我们将要做的：将Ygritte结婚前和结婚后的对象值转换为可迭代的内容，即2个数组，使用Object.values()方法。使用展开运算符合并这两个数组。...创建一个合并后数组的集合以及一个初始对象的集合。比较结婚前集合和合并集合的大小。...然后我们使用Set的size属性比较了结婚前集合（结婚前对象的值）和合并集合（结婚前和结婚后对象的值）。通常我们将对象文字的值转换为数组，然后将数组转换为集合。

    20800

    JavaScript中的数据结构-Set与Map

    在 JavaScript 开发中，数据结构就像是建筑师手中的工具，它们是我们构建高效、稳固且逻辑严密的程序的基石，在ES6中，JavaScript引入了两种新的数据结构Set和Map。...这两个对象提供了更高效的方式来存储和处理数据，它们在处理大量数据时比传统的数组或对象更加灵活和强大。SetSet 是一种独特的数据结构，它的核心特点是存储唯一的值。...这意味着在一个 Set 中，不会存在重复的元素。原理：Set 内部通过某种哈希算法来确保元素的唯一性和快速查找。...(Array.from(uniqueWords)); // 输出 ["apple", "banana", "orange"]数组去重假设我们有一个包含重复项的数组，我们希望去除这些重复项，得到一个由唯一值组成的数组.../ 输出：falseMapMap 则是一种键值对的数据结构，与普通的对象不同，Map 的键可以是任何类型的值，包括对象。

    12320

    带你入门 JavaScript ES6 (五) 集合

    (sLang)// Set {"javascript", "java", "c++", "php"} 对比数组 nums 和集合 sLang，数组可以加入重复数据，而集合的所有元素是唯一的不允许重复。...(l); } 三、 WeakSet 集合 WeakSet 和 普通的 Set 相似，不同点在于: WeakSet 只能添加对象元素 WeakSet 无法迭代 没有 clear() 方法 为什么没有 clear...方法，阮一峰老师的 ES6 教程中有过解释： WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存...WeakSet 里面的引用，都不计入垃圾回收机制，所以就不存在这个问题。因此，WeakSet 适合临时存放一组对象，以及存放跟对象绑定的信息。...参考资料 Set 对象 WeakSet 对象 Set 和 Map 数据结构

    62720

    JavaScript ES6 (五) – 集合

    (sLang)// Set {"javascript", "java", "c++", "php"} 对比数组 nums 和集合 sLang，数组可以加入重复数据，而集合的所有元素是唯一的不允许重复。...(l); } 三、 WeakSet 集合 WeakSet 和 普通的 Set 相似，不同点在于: WeakSet 只能添加对象元素 WeakSet 无法迭代 没有 clear() 方法 为什么没有 clear...方法，阮一峰老师的 ES6 教程中有过解释： WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存...WeakSet 里面的引用，都不计入垃圾回收机制，所以就不存在这个问题。因此，WeakSet 适合临时存放一组对象，以及存放跟对象绑定的信息。...参考资料 Set 对象 WeakSet 对象 Set 和 Map 数据结构

    80510

    Javascript中的数组对象排序（转载）

    二、数组对象排序 如果数组项是对象，我们需要根据数组项的某个属性对数组进行排序，要怎么办呢？...Js数组排序函数sort()介绍 JavaScript实现多维数组、对象数组排序，其实用的就是原生的sort()方法，用于对数组的元素进行排序。 sort() 方法用于对数组的元素进行排序。...而我们的对象数组排序，实际上原理也是一样的。...对于对象数组排序，我们先写一个构造比较函数的函数： //by函数接受一个成员名字符串做为参数 //并返回一个可以用来对包含该成员的对象数组进行排序的比较函数 var by = function(name...//by函数接受一个成员名字符串和一个可选的次要比较函数做为参数 //并返回一个可以用来包含该成员的对象数组进行排序的比较函数 //当o[age] 和 p[age] 相等时，次要比较函数被用来决出高下

    7.9K20

    盘点JavaScript哪些常用的数组对象

    回顾 上一篇中我们盘点了 js 哪些最常用的内置对象，对Math、random以及Date对象进行了详细的讲解，这三个对象在往后的工作中也是发挥着举足轻重的位置，都是非常常用的对象，可以自己在编辑器中多加练习...这篇中我们对 js 中的数组对象进行说明，同样数组对象中也包含了非常多的元素方法，对数组的处理也扮演很重要的角色。...数组对象（Array） 在前端中数组和字符串是处理信息最常用的两种方式，所以对于数组和字符串的内置方法也需要烂熟于心。...push() 在数组的末尾 添加一个或多个数组元素 push是可以在数组末尾追加新的元素 push() 参数可以直接写数组元素就可以 push完毕之后 返回的结果是新数组长度 原数组也会发生变化...// 1, 2, 3, 4 复制代码 数组排序 除了上述这些数组中添加或者删除元素之后，数组对象中还内置了更为好玩的方法。

    2K20

    深入浅出 JavaScript 弱引用

    在 ES6 版本中，JavaScript 引入了 WeakSet 和 WeakMap。 1. 弱引用 与强引用不同，弱引用并不阻止被引用的对象被垃圾收集器回收或收集，即使它是内存中对对象的唯一引用。...： // 长度为 1 的对象数组 [{…}] 由于 human 数组和对象之间存在强引用。...Set VS WeakSet set 对象是一个只有一次出现的唯一值的集合。像数组一样，集合没有键值对。我们可以使用for...of和 .forEach 的数组方法遍历。...以下是 WeakSet() 的特性： 它可能只包含对象。 集合中的对象可以在其他地方访问。 它不能循环遍历。 像 Set() 一样，WeakSet() 有 add、has 和 delete 方法。...当数据结构在内存中时，数据结构的属性被认为是可访问的，并且它们通常保存在内存中。

    82410

    了解JavaScript弱引用与垃圾回收

    WeakSet和WeakMap是在ES6版本中被引入JavaScript的。 弱引用 澄清一下，与强引用不同，弱引用不会阻止被引用的对象被垃圾回收器回收，即使它是内存中对该对象的唯一引用。...在进入强引用、WeakSet、Set、WeakMap和Map介绍之前，让我们用下面的片段来说明弱引用。 // 创建一个WeakMap对象的实例。...比较Set和WeakSet 一个集合对象是一个唯一值的集合，只有一次出现的机会。一个集合，像一个数组一样，没有键值对。我们可以用数组方法for...of和.forEach来迭代一个数组。...以下是WeakSet()的属性： 它可能只包含对象。 集内的对象可以在其他地方到达。 它不能被循环使用。 像Set()一样，WeakSet()有 add, has, 和 delete的方法。...当数据结构在内存中时，数据结构的属性被认为是可达的，而且它们通常被保存在内存中。如果我们将一个对象存储在一个数组中，那么只要数组在内存中，即使该对象没有其他的引用，仍然可以被访问。

    1.5K104

    野生前端的数据结构基础练习（6）——集合

    网上的相关教程非常多，基础知识自行搜索即可。 习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。...2.修改Set类，将存储方式从数组替换为链表，并写一段代码测试该修改。 3.为Set类增加一个higher(element)方法，该方法返回比传入元素大的元素中最小的一个，并写一段代码来测试该功能。...ES6新特性 阮一峰的ES6教程：http://es6.ruanyifeng.com/#docs/set-map ES6中原生实现了Set,Map,WeakSet,WeakMap跟集合相关的类型，和数据结构中的集合不完全一致...1.数组去重 借助集合可以实现js中最简洁的数组去重方式: //实现了Iterable接口的数据结构都可以作为初始化Set的参数 cosnt uniqueArr = [...new Set(arr)];...b.has(a))); 4.WeakSet WeakSet的成员变量只能是对象，被放入其中的对象都是弱引用，在其他引用都解除后，垃圾回收机制不会考虑WeakSet对该对象的持有。

    52830

    认识Set和Map数据结构

    Set的概念 Set是ES6提供的一种新的数据结构，它允许你存储任何类型的值，但是值是唯一的，彼此之间出现重复的情况。 Set 本身是一个构造函数，用来生成Set数据结构的。...Set的参数可以是数组或是具有iterable接口的其他数据结构来作为初始化。...Set的应用 根据Set结构中的值唯一的特点，可以很好的实现数组的去重 [...new Set([1,2,3,4,3,2])]; //[1,2,3,4] 使用Set可以很容易实现交集、并集和差集 let...s2.has(item)));// Set { 1, 4 } WeakSet WeakSet 与 Set的结构类似，但是有两点不同： WeakSet的成员只能是对象 WeakSet中的对象是弱引用Map...JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。

    81970

    3种JavaScript 对象转数组的方法

    来源 | https://www.fly63.com 我们在项目开发的时候，有时需要将js对象转换为数组，下面小编给大家具体演示一下怎么转换，主要是介绍一些常用、简洁的转换方法。...比如JavaScript对象如下： let obj = { 'name': '前端', 'url': 'https://www.webadkf.com', 'des': '专注web前端开发...()方法返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。...let arr = Object.values(obj); //对象转化为数组 ps：如果只需要返回键作为数组，可以使用Object.keys()的方式,所以结合Map，也可以实现： let arr=...arr = []; //定义数组 for (var i in obj) { arr.push(obj[i]); } 方式三：Array.from Array.from() 方法对一个类似数组或可迭代对象创建一个新的

    2.1K20

    前端系列11集-ES6 知识总结

    是 Object.entries 的逆操作将一个键值对数组转为对象 Iterator 是一种接口，为各种不同的数据结构提供统一的访问机制 作用 为各种不同的数据结构提供统一的访问机制 使数据结构的成员能够按某种次序排列...接口的数据结构 Array Map Set String TypedArray 函数的 arguments 对象 NodeList 对象 对象没有 Iterator 接口 因为对象的哪个属性先遍历，哪个属性后遍历是不确定的...Set 类似于数组成员的值都是唯一的 Set 函数可以接收一个数组用于初始化 实例属性 Set.prototype.size 返回 Set 实例的成员总数 实例方法 Set.prototype.add...结构没有键名，只有键值keys 方法和 values 方法的行为完全一致 WeakSet WeakSet 结构与 Set 类似都是不重复的值的集合 注意点 成员只能是对象不能是其他类型...，否则会报错 WeakSet 中的对象都是弱引用 垃圾回收机制不考虑 WeakSet 对该对象的引用 WeakSet 不能遍历 实例方法 WeakSet.prototype.add

    17620
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券