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

相关文章

Pydantic中Optional 和Union类型的使用

《Pydantic中Optional和Union类型的使用》本文主要介绍了Pydantic中Optional和Union类型的使用,这两者在处理可选字段和多类型字段时尤为重要,文中通过示例代码介绍的... 目录简介Optional 类型Union 类型Optional 和 Union 的组合总结简介Pyd

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Linux中的计划任务(crontab)使用方式

《Linux中的计划任务(crontab)使用方式》:本文主要介绍Linux中的计划任务(crontab)使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、前言1、linux的起源与发展2、什么是计划任务(crontab)二、crontab基础1、cro

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex