ES6基础----set的使用

目录

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

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

[1、size 属性用于返回 Set 的长度](#1、size 属性用于返回 Set 的长度)

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

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

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

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

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

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

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

[9、 forEach 可以遍历得到 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));//true

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

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

复制代码
 console.log(set.has(2));  //true

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

复制代码
console.log(set.clear()); //undefined

console.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  新增

        });
相关推荐
雁鸣零落7 分钟前
如何在 Chrome 中查看其他浏览器的书签?书签空间订阅与侧边栏只读切换指南
前端·chrome·edge浏览器
hpoenixf38 分钟前
一天上线 + 零返工:我如何给复杂前端需求建立“安全感”
前端
广州华水科技1 小时前
单北斗GNSS变形监测系统在水利工程安全保障中的应用与优势分析
前端
yqcoder1 小时前
CSS 外边距重叠(Margin Collapsing):现象、原理与完美解决方案
前端·css
山楂树の2 小时前
图像标注大坑:img图片 + Canvas 叠加标注,同步放大后标注位置偏移、对不齐?详解修复方案及亚像素处理原理
前端·css·学习·canva可画
本山德彪2 小时前
我做了一个拼豆图纸生成器,把照片秒变图纸
前端
DTrader3 小时前
用TS无法实盘量化? - 实盘均线策略
前端·api
进击的夸父3 小时前
vfojs:Vue 超集架构,外壳React灵魂Vue
前端
编程老船长3 小时前
解决不同项目需要不同 Node.js 版本的问题
前端·vue.js
Wect3 小时前
LeetCode 5. 最长回文子串:DP + 中心扩展
前端·算法·typescript