ES6基础----set的使用

2024-08-29 11:36
文章标签 基础 使用 set frontend es6

本文主要是介绍ES6基础----set的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

    Set 是 ES6 新增的数据结构,值是唯一的,主要用于去除重复的值      --与数组一样用法,增加了可以值唯一的属性 ,键和值为一个值

一、Set 拥有自己的属性及方法,进行数据的更改操作

1、size 属性用于返回 Set 的长度

2、 add() 方法用于向 Set 中添加值

3、 delete() 方法用于删除 Set 中的值,返回布尔值   直接放入值

4、 has() 方法用于判断某个值是否在 Set 中,返回布尔值

5、 clear() 方法用于清除 Set 中的所有值,返回undefined即为成功

6、keys() 遍历得到 Set 的键值

7、 values() 遍历得到 Set 的 Value值

8、 entries() 遍历得到 Set 的键值对

9、 forEach 可以遍历得到 Set 的值  


    Set 是 ES6 新增的数据结构,值是唯一的,主要用于去除重复的值      --与数组一样用法,增加了可以值唯一的属性 ,键和值为一个值

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

一、Set 拥有自己的属性及方法,进行数据的更改操作

1、size 属性用于返回 Set 的长度

console.log(set.size);//3

2、 add() 方法用于向 Set 中添加值

console.log(set.add("新增"));//Set(4) {1, 2, 3, '新增'}

3、 delete() 方法用于删除 Set 中的值,返回布尔值   直接放入值

console.log(set.delete(1));//trueconsole.log(set);//Set(3) {2, 3, '新增'}

4、 has() 方法用于判断某个值是否在 Set 中,返回布尔值

 console.log(set.has(2));  //true

5、 clear() 方法用于清除 Set 中的所有值,返回undefined即为成功

console.log(set.clear()); //undefinedconsole.log(set); //Set(0) {size: 0}


6、keys() 遍历得到 Set 的键值

// Set 的键和值是一样的console.log(set.keys()); //SetIterator {2, 3, '新增'}

7、 values() 遍历得到 Set 的 Value值

console.log(set.values());//SetIterator {2, 3, '新增'}


 

8、 entries() 遍历得到 Set 的键值对

console.log(set.entries());//SetIterator {2 => 2, 3 => 3, '新增' => '新增'} --键和值为同一个值

9、 forEach 可以遍历得到 Set 的值  

// 后面的是一个函数set.forEach((a,b)=>{console.log(a); // 1  2  新增});

这篇关于ES6基础----set的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1117744

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

gitlab安装及邮箱配置和常用使用方式

《gitlab安装及邮箱配置和常用使用方式》:本文主要介绍gitlab安装及邮箱配置和常用使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.安装GitLab2.配置GitLab邮件服务3.GitLab的账号注册邮箱验证及其分组4.gitlab分支和标签的

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

nginx启动命令和默认配置文件的使用

《nginx启动命令和默认配置文件的使用》:本文主要介绍nginx启动命令和默认配置文件的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录常见命令nginx.conf配置文件location匹配规则图片服务器总结常见命令# 默认配置文件启动./nginx

在Windows上使用qemu安装ubuntu24.04服务器的详细指南

《在Windows上使用qemu安装ubuntu24.04服务器的详细指南》本文介绍了在Windows上使用QEMU安装Ubuntu24.04的全流程:安装QEMU、准备ISO镜像、创建虚拟磁盘、配置... 目录1. 安装QEMU环境2. 准备Ubuntu 24.04镜像3. 启动QEMU安装Ubuntu4

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

Windows下C++使用SQLitede的操作过程

《Windows下C++使用SQLitede的操作过程》本文介绍了Windows下C++使用SQLite的安装配置、CppSQLite库封装优势、核心功能(如数据库连接、事务管理)、跨平台支持及性能优... 目录Windows下C++使用SQLite1、安装2、代码示例CppSQLite:C++轻松操作SQ

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程