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

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解

《使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解》本文详细介绍了如何使用Python通过ncmdump工具批量将.ncm音频转换为.mp3的步骤,包括安装、配置ffmpeg环... 目录1. 前言2. 安装 ncmdump3. 实现 .ncm 转 .mp34. 执行过程5. 执行结

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有

MyBatis ParameterHandler的具体使用

《MyBatisParameterHandler的具体使用》本文主要介绍了MyBatisParameterHandler的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一、概述二、源码1 关键属性2.setParameters3.TypeHandler1.TypeHa

Spring 中的切面与事务结合使用完整示例

《Spring中的切面与事务结合使用完整示例》本文给大家介绍Spring中的切面与事务结合使用完整示例,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录 一、前置知识:Spring AOP 与 事务的关系 事务本质上就是一个“切面”二、核心组件三、完