【js Set()】

Set() 是 JavaScript 中的数据结构之一,它类似于数组,但是每个值都是唯一的(没有重复的值)。它可以存储任何类型的值,包括原始类型和对象引用。

创建一个 Set 对象的语法如下:

const mySet = new Set();

或者可以传递一个数组或类数组对象来初始化 Set 对象:

const mySet = new Set([1, 2, 3, 2]);
console.log(mySet); // Set {1, 2, 3}

Set() 对象具有以下方法:

  1. add(value):向 Set 对象中添加一个新的元素。如果元素已经存在,则不会重复添加。

    mySet.add('a');
    mySet.add('b');
    mySet.add('a');
    console.log(mySet); // Set { 'a', 'b' }
    
  2. delete(value):从 Set 对象中删除一个元素。

    mySet.delete('a');
    console.log(mySet); // Set { 'b' }
    
  3. has(value):判断 Set 对象中是否存在某个元素。

    console.log(mySet.has('b')); // true
    console.log(mySet.has('c')); // false
    
  4. clear():清空 Set 对象中的所有元素。

    mySet.clear();
    console.log(mySet); // Set {}
    
  5. size:获取 Set 对象中元素的数量。

    console.log(mySet.size); // 0
    

Set 对象还有一些其他方法和特性,例如:

  1. 可以使用 for…of 循环遍历所有元素。

    const mySet = new Set([1, 2, 3]);
    for (let item of mySet) {console.log(item);
    }
    // Output: 1 2 3
    
  2. 可以使用 Array.from() 或扩展运算符将 Set 对象转换为数组形式。

    const mySet = new Set([1, 2, 3]);
    const myArray = Array.from(mySet);
    console.log(myArray); // [1, 2, 3]
    
    const mySet = new Set(['a', 'b', 'c']);
    const myArray = [...mySet];
    console.log(myArray); // ['a', 'b', 'c']
    

Set() 对象是一种非常有用的数据结构,可以用于存储唯一值,去重,过滤重复数据等操作。

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

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

相关文章

SAFe工具,SAFe规模化敏捷工具,SAFe实施流程,SAFe框架管理工具

​Leangoo领歌敏捷工具覆盖了敏捷项目研发全流程,包括小型团队敏捷开发,Scrum of Scrums大规模敏捷。 随着SAFe的越来越普及,Leangoo本次上线提供了完整的SAFe框架功能,包括:Program Backlog,PI规划&#…

从零开始学习自动驾驶路径规划-环境配置

从零开始学习自动驾驶路径规划-环境配置 前面,每个人遇到的问题不一样,这里记录了配置步骤和目前遇到的问题,会持续更新报错解决方法。配置时有报错请认真看报错经验 环境配置步骤(18.04和20.04都可以,有些问题没遇到…

医疗小程序:提升服务质量与效率的智能平台

在医疗行业,公司小程序成为提高服务质量、优化管理流程的重要工具。通过医疗小程序,可以方便医疗机构进行信息传播、企业展示等作用,医疗机构也可以医疗小程序提供更便捷的预约服务,优化患者体验。 医疗小程序的好处 提升服务质量…

使用element-ui的滚动条

1.把想要出滚动条的内容放在下边标签里即可&#xff1a; <el-scrollbar style"height:100%;width:100%"></el-scrollbar>2.如果不想要横向的滚动条&#xff0c;添加css&#xff1a; .el-scrollbar__wrap {overflow-x: hidden; }3.如果相让滚动条一直显…

C# List 详解六

目录 35.MemberwiseClone() 36.Remove(T) 37.RemoveAll(Predicate) 38.RemoveAt(Int32) 39.RemoveRange(Int32, Int32) 40.Reverse() 41.Reverse(Int32, Int32) C# List 详解一 1.Add(T)&#xff0c;2.AddRange(IEnumerable)&#xff0c;3…

css——box-sizing属性

含义 盒子模型由四部分构成&#xff0c;外边距(margin), 边框(border),内边距(padding), 内容content box-sizing 就是指定盒子的大小和结构的。 box-sizing: content-box; //默认值 内容真正宽度 设置的宽度box-sizing: border-box; // 内容真正宽度width 设置的width- 左右p…

ChatGPT应用|科大讯飞星火杯认知大模型场景创新赛开始报名了!

ChatGPT发布带来的 AI 浪潮在全球疯狂蔓延&#xff0c;国内掀起的大模型混战已经持续半年之久&#xff0c;国产大模型数量正以惊人的速度增长&#xff0c;据不完全统计&#xff0c;截止7月14号已经达到了111个&#xff0c;所谓的“神仙打架”不过如此了吧。 &#xff08; 包括但…

【Hammerstein模型的级联】快速估计构成一连串哈默斯坦模型的结构元素研究(Matlab代码实现)

目录 &#x1f4a5;1 概述 &#x1f4da;2 运行结果 &#x1f389;3 参考文献 &#x1f308;4 Matlab代码实现 &#x1f4a5;1 概述 在许多振动应用中&#xff0c;所研究的系统略微非线性。Hammerstein模型的级联可以方便地描述这样的系统。Hammerstein提供了一种基于指数正弦…

【Matlab】基于径向基神经网络的数据分类预测(Excel可直接替换数据)

【Matlab】基于径向基神经网络的数据分类预测(Excel可直接替换数据) 1.模型原理2.数学公式3.文件结构4.Excel数据5.分块代码6.完整代码7.运行结果1.模型原理 基于径向基神经网络(Radial Basis Function Neural Network,RBFNN)的数据分类预测是一种基于神经网络的分类模型…

Windows Server 2012 搭建网关服务器并端口转发

需求 使用 Windows server 作为Hyper-V 虚拟出许多虚拟机&#xff0c;基本上都分配了内网地址&#xff0c;现在需要这些虚拟机访问外网&#xff0c;或者外网直接访问这些虚拟机&#xff0c;必须配置一个网关服务器。我决定直接使用 Windows 的远程访问中的 NAT 服务来完成。 …

PHP注册、登陆、6套主页-带Thinkphp目录解析-【强撸项目】

强撸项目系列总目录在000集 PHP要怎么学–【思维导图知识范围】 文章目录 本系列校训本项目使用技术 上效果图主页注册&#xff0c;登陆 phpStudy 设置导数据库项目目录如图&#xff1a;代码部分&#xff1a;控制器前台的首页 其它配套页面展示直接给第二套方案的页面吧第三套…

如何安装 MySQL 客户端 - Mac, Ubuntu, CentOS 或 Windows

官方的 MySQL 客户端 mysql&#xff0c;也被称为 MySQL CLI&#xff0c;是个可以和你的 MySQL 服务器进行交互的命令行工具。 本文介绍了如何分别在 Mac, Ubuntu, Debian 和 Windows 上安装 mysql。 准备工作 首先&#xff0c;确认一下你之前是否安装过某个 MySQL 客户端。如…

【云原生】Kubernetes工作负载-StatefulSet

StatefulSet StatefulSet 是用来管理有状态应用的工作负载 API 对象 StatefulSet 用来管理某 Pod 集合的部署和扩缩&#xff0c; 并为这些 Pod 提供持久存储和持久标识符 和 Deployment 类似&#xff0c; StatefulSet 管理基于相同容器规约的一组 Pod。但和 Deployment 不同…

【Vue3】computed 计算属性

computed 基础语法 <template><div><div>性&#xff1a;<input v-model"firstName" type"text"></div><div>名&#xff1a;<input v-model"lastName" type"text"></div><div>…

Android版本的发展4-13

Android 4.4 KitKat 1、通过主机卡模拟实现新的 NFC 功能。 2、低功耗传感器&#xff0c;传感器批处理&#xff0c;步测器和计步器。 3、全屏沉浸模式&#xff0c;隐藏所有系统 UI&#xff0c;例如状态栏和导航栏。它适用于鲜艳的视觉内容&#xff0c;例如照片、视频、地图、…

API自动化测试总结

目录 Jmeter是怎么做API自动化测试的&#xff1f; Jmeter中动态参数的处理&#xff1f; 怎么判断前端问题还是后端问题&#xff1f; 详细描述下使用postman是怎么做API的测试的&#xff1f; 资料获取方法 Jmeter是怎么做API自动化测试的&#xff1f; 1、首先在JMeter里面…

Spring AOP(面向切面编程)的详细讲解

1.什么是 AOP&#xff1f; AOP&#xff08;Aspect Oriented Programming&#xff09;&#xff1a;⾯向切⾯编程&#xff0c;它是⼀种思想&#xff0c;它是对某⼀类事情的集中处理 AOP是一种思想&#xff0c;而Spring AOP是一个实现了AOP的思想框架&#xff0c;他们的关系和IOC…

git实战

git实战 第一章 快速入门 1.1 什么是git git是一个分布式的版本控制软件。 软件&#xff0c;类似于QQ、office、dota等安装到电脑上才能使用的工具。版本控制&#xff0c;类似于毕业论文、写文案、视频剪辑等&#xff0c;需要反复修改和保留原历史数据。分布式 - 文件夹拷贝…

rk3588 编译(使用github公版源码)和烧录(sd、emmc)

使用 github 上的代码进行编译 https://github.com/rockchip-linux/rkbin/tree/master https://github.com/rockchip-linux/u-boot/tree/next-dev https://github.com/rockchip-linux/kernel/tree/develop-5.10 下载他们的压缩包&#xff0c;自行解压&#xff0c;解压后把文件夹…

RocketMQ教程-(4)-领域模型概述

Apache RocketMQ 是一款典型的分布式架构下的中间件产品&#xff0c;使用异步通信方式和发布订阅的消息传输模型。通信方式和传输模型的具体说明&#xff0c;请参见下文通信方式介绍和消息传输模型介绍。 Apache RocketMQ 产品具备异步通信的优势&#xff0c;系统拓扑简单、上下…