set用法

news2024/11/22 23:38:45
  1. ES6中的Set是一种新的数据结构,类似于数组,用于存储有序的数据。
  2. Set没有随机访问的能力,不能通过索引来获取具体的某个元素
  3. Set中的元素具有唯一性,不允许存储相同的元素。
  • Set本身是一个构造函数,可以用来实例化Set对象。
  • 通过add()方法可以向Set中添加元素,如果添加的元素已经存在,Set会自动忽略该元素。
  • delete()用于删除元素,
  • setData.size用于获取Set对象的大小(相当于数组的长度),
  • clear()用于清空数据,
  • has()用于判断Set对象中是否存在某个值等。
  • Set对象可以用来进行各种集合操作,例如交集、差集等,具有自动去重和唯一性的特点。
//1.声明方式
      let arr = new Set();
      arr.add({ name: "zooey", age: 19 });
      arr.add(20);
      //2.查看元素长度
      const size = arr.size;
      //2.1查看是否有这个元素,可以跟delete配合使用
      console.log(arr.has(20), size);
      //3.根据元素值进行删除
      arr.delete(20);
      //4.重复的元素只会add 1次
      arr.add(3);
      arr.add(3);
​
      arr.add({ name: "zooeyan", age: 19 });
      console.log(arr);

在这里插入图片描述

小练习: 数组去重+取交集+取并集+取差集

    let arr1 = [1, 3, 4, 4, 5, 7, 7, 9, 10],
        arr2 = [2, 4, 6, 8, 8, 10];
      //1.利用set进行去重  将arr转化为set
      let setArr1 = new Set(arr1);
      let setArr2 = new Set(arr2);
      console.log(setArr1, setArr2); //Set(7) {1, 3, 4, 5, 7,9, 10}  Set(5) {2, 4, 6, 8, 10}//2.进行比较 -取交集
      const targetArr = [];
      for (const it of setArr2) {
        if (setArr1.has(it)) targetArr.push(it);
      }
      console.log(targetArr); //[4, 10]
      //2.进行比较 -取并集
      const tempArr = [];
      for (const it of setArr2) {
        if (!setArr1.has(it)) tempArr.push(it);
      }
      const bArr = [...tempArr, ...setArr1];
      console.log(bArr); //[2, 6, 8, 1, 3, 4, 5, 7, 9, 10]//3.进行比较 -取差集 arr1-arr2
      const cArr = [];
      for (const it of setArr1) {
        if (!setArr2.has(it)) cArr.push(it);
      }
      console.log(cArr); // [1, 3, 5, 7, 9]

官方是这样做的,更简洁一些

// 可以通过如下代码模拟求交集
const intersection = new Set([...mySet1].filter((x) => mySet2.has(x)));

// 可以通过如下代码模拟求差集
const difference = new Set([...mySet1].filter((x) => !mySet2.has(x)));

此外,还有entries()、values()、keys()


 let collection = new Set([
        { name: "zooey", age: 18 },
        { name: "anan", age: 19 },
        { name: "bobo", age: 20 },
      ]);
      //1.entries()for (const [key, value] of collection.entries()) {
        console.log(key, value); //key: {name: 'zooey', age: 18} value: {name: 'zooey', age: 18}
      }
      //2.keys()for (const item of collection.keys()) {
        console.log(item); // {name: 'zooey', age: 18}
      }//3.values()
      for (const item of collection.values()) {
        console.log(item); // {name: 'zooey', age: 18}
      }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1589316.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

计算机网络—HTTPS协议详解:工作原理、安全性及应用实践

🎬慕斯主页:修仙—别有洞天 ♈️今日夜电波:ヒューマノイド—ずっと真夜中でいいのに。 1:03━━━━━━️💟──────── 5:06 🔄 ◀️ ⏸…

陆面、生态、水文模拟与多源遥感数据同化

原文链接:陆面、生态、水文模拟与多源遥感数据同化https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247601198&idx6&sn51b9b26b75c9df1f11dcb9a187878261&chksmfa820dc9cdf584df9ac3b997c767d63fef263d79d30238a6523db94f68aec621e1f91df85f6…

VMware 安装配置 Ubuntu(最新版、超详细)

1. 下载安装 VMware ➡️➡️➡️来源:VMware Docs VMware Workstation Pro™ 使专业技术人员能够在同一台 PC 上同时运行多个基于 x86 的 Windows、Linux 和其他操作系统,从而开发、测试、演示和部署软件。 [Step 1]: 点击 VMware Workstati…

【Java探索之旅】从输入输出到猜数字游戏

🎥 屿小夏 : 个人主页 🔥个人专栏 : Java编程秘籍 🌄 莫道桑榆晚,为霞尚满天! 文章目录 📑前言一、输入输出1.1 输出到控制台1.2 从键盘输入 二、猜数字游戏2.1 所需知识&#xff1a…

【TI毫米波雷达】I2C初始化配置和主机数据收发,用SDA来模拟UART数据输出,可直接连接IWR6843AOP开发板引脚

【TI毫米波雷达】I2C初始化配置和主机数据收发,用SDA来模拟UART数据输出,可直接连接IWR6843AOP开发板引脚 文章目录 导入库引脚复用初始化I2C配置数据发送用SDA来模拟UART数据输出附录:结构框架雷达基本原理叙述雷达天线排列位置芯片框架Demo…

数据结构-----枚举、泛型进阶(通配符?)

文章目录 枚举1 背景及定义2 使用3 枚举优点缺点4 枚举和反射4.1 枚举是否可以通过反射,拿到实例对象呢? 5 总结 泛型进阶1 通配符 ?1.1 通配符解决什么问题1.2 通配符上界1.3 通配符下界 枚举 1 背景及定义 枚举是在JDK1.5以后引入的。主要用途是&am…

【Linux】进程通信之匿名管道通信

一、进程间进行通信的目的 我们往往需要多个进程协同,共同完成一些事情。 数据传输:一个进程需要将它的数据发送给另一个进程资源共享:多个进程之间共享同样的资源。通知事件:一个进程需要向另一个或一组进程发送消息&#xff0c…

Netty NioEventLoop详解

文章目录 前言类图主要功能NioEventLoop如何实现事件循环NioEventLoop如何处理多路复用Netty如何管理Channel和Selector管理Channel管理Selector注意事项 前言 Netty通过事件循环机制(EventLoop)处理IO事件和异步任务,简单来说,就是通过一个死循环&…

23年坚守,只为打造高品质立秀膨体,索康让品质为中国说话

2024年3月23日,第二十三届上海国际整形美容外科大会(以下简称“大会”)在上海召开,本次大会由张涤生整形外科发展基金会主办,上海交通大学附属第九人民医院整复外科、Chinese Journal of Plastic and Reconstructive S…

性能优化 - 你知道CSS有哪些优化方案吗

难度级别:中高级及以上 提问概率:70% CSS是前端开发工作中必不可少的技能之一,同时也是网页开发中必不可少的重要元素之一。但很多人所开发的项目本身对性能要求并不高,再加上项目周期紧张,久而久之,也就容易养成不考虑细节的习惯,觉得C…

NzN的数据结构--二叉树part2

上一章我们介绍了二叉树入门的一些内容,本章我们就要正式开始学习二叉树的实现方法,先三连后看是好习惯!!! 目录 一、二叉树的顺序结构及实现 1. 二叉树的顺序结构 2. 堆的概念及结构 3. 堆的实现 3.1 堆的创建 …

04-12 周五基于VS code + Python实现CSDN发布文章的自动生成

简介 之前曾经说过,在撰写文章之后,需要,同样需要将外链的图像转换为的形式,因此,可以参考 04-12 周五 基于VS Code Python 实现单词的自动提取 配置步骤 配置task 在vscode的命令面板configure task。配置如下的任…

python知识点汇总(十一)

python知识点总结 1、当Python退出时,是否会清除所有分配的内存?2、Python的优势有哪些?3、什么是元组的解封装4、Python中如何动态获取和设置对象的属性?5、创建删除操作系统上的文件6、主动抛出异常7、help() 函数和 dir() 函数…

人工智能基础部分26-基于知识推理引擎KIE算法的原理介绍与实际应用

大家好,我是微学AI,今天给大家介绍一下人工智能基础部分26-基于知识推理引擎KIE算法的原理介绍与实际应用。知识推理引擎(Knowledge Inference Engine, KIE)是一种人工智能技术,其核心原理是基于规则和逻辑的方法来处理复杂的问题。它构建在业…

从前端角度防范XSS攻击的策略与实践

XSS(Cross-Site Scripting,跨站脚本攻击)是一种常见的网络安全威胁,它允许攻击者将恶意脚本注入到正常的网页中,从而在其他用户的浏览器上执行这些脚本。这可能导致数据泄露、会话劫持、甚至是对受害者计算机的完全控制…

探新路建“枢纽” 湖南深耕中非经贸合作“试验田”

湖南作为中国与非洲经贸合作的重要窗口,积极推动中非经贸关系的发展和深化。通过构建覆盖全产业链的高效运作模式,湖南企业能够在一周内将肯尼亚干制鳀鱼加工成为麻辣鲜香的劲仔深海小鱼并投入中国市场。此外,湖南还致力于推动非洲优质农产品…

【vue】watchEffect 自动侦听器

watchEffect&#xff1a;自动监听值的变化 获取旧值时&#xff0c;不是很方便&#xff0c;建议用watch <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevic…

数学基础:深度学习的语言

数学基础&#xff1a;深度学习的语言 概述 在深度学习的世界里&#xff0c;数学不仅仅是一套工具&#xff0c;它是构建、理解和优化深度学习模型的基石。从向量空间的概念到复杂的优化算法&#xff0c;数学的每一个分支都在深度学习的发展中扮演着关键角色。本文的目标是通过深…

解决cmd输入py文件路径不能执行,使用anaconda prompt 能执行

究其原因&#xff0c;是因为没有配置环境&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 第一步&#xff1a;配置环境变量 操作步骤如下&#xff1a; 1、右击此电脑 ---->属性 2、高级系统设置 3、点击环境变量 4、选择 …

网工内推 | 网络工程师,13薪,周末双休,华三、华为认证优先

01 路邦远大 招聘岗位&#xff1a;网络工程师 职责描述&#xff1a; 1、配合市场销售人员&#xff0c;做好产品的售后服务工作&#xff1b; 2、负责项目方案安装调试指导以及日常客户使用培训&#xff0c;对客户提出的问题提出解决方案&#xff1b; 3、为客户提供专业、规范的…