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

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

中文分词jieba库的使用与实景应用(一)

知识星球:https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义: 精确模式(默认模式): 全模式: 搜索引擎模式: paddle 模式(基于深度学习的分词模式): 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

使用SecondaryNameNode恢复NameNode的数据

1)需求: NameNode进程挂了并且存储的数据也丢失了,如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2)故障模拟 (1)kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 (2)删除NameNode存储的数据(/opt/module/hadoop-3.1.4/data/tmp/dfs/na

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

Makefile简明使用教程

文章目录 规则makefile文件的基本语法:加在命令前的特殊符号:.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具,常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据,将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma