初识Set

在Set里，不能有重复的值。

let set = new Set()
set.add(1)
set.add(1)
console.log(set)

运行结果：

修改一下

let set = new Set()
set.add(1)
set.add('1')
console.log(set)

运行结果：

这里和对象进行一下比较：对象是不区分字符串和数字的，而且后面的会把前面的覆盖。

let obj = {1: 'hello','1': 'dust',
}
console.log(obj);

Set里的增删改查

查找：set.has('dust')，set.values()
增加：set.add('good')
删除：set.delete('hello')
全部删除：set.clear()

let set = new Set(['hello', 'dust'])
console.log(set.size) //2
console.log(set.delete('hello')) //true
console.log(set.delete('hello123')) //false
console.log(set.has('dust')) //true
set.add('good')
console.log(set.values()) //[Set Iterator] { 'dust', 'good' }
console.log(set.clear()) //undefined
console.log(set.size) //0

类型之间互相帮助才是好兄弟

例题：去除字符串内小于5的

let a = new Set('123456789')
let arr = [...a].filter((item) => item < 5)
a = new Set(arr)
console.log(a) //Set(4) { '1', '2', '3', '4' }

例题：数组去重

这是我见过的最简单的写法了，震惊啊！

let array = [1, 2, 3, 4, 5, 1, 2, 3, 4]
array = [...new Set(array)]
console.log(array) //[ 1, 2, 3, 4, 5 ]

例题：数组合并

let a = [1, 2, 3, 4, 5]
let b = [3, 4, 5, 6, 7, 8]
let set = new Set([...a, ...b])
let res = [...set]
console.log(res)

运行结果：

查看Set里的内容

let set = new Set(['hello', 'dust'])
console.log(set.entries())

运行结果：

Set的遍历

用forEach的遍历

let set = new Set(['hello', 'dust'])
set.forEach((value,key,set)=>{console.log(value,key);
})

运行结果：

用for-of遍历：

for (const value of set) {console.log(value)
}

运行结果：

[JavaScript] Set类型在JavaScript中的使用相关推荐

[JavaScript] Map类型在JavaScript中的使用
感受Map键值对花样很多 let map = new Map() map.set('name', 'dust') map.set(function () {}, 'hello') map.set({ ...
php中常见的错误类型有,JavaScript编程中会出现的错误类型有哪些？错误类型介绍...
JavaScript编程中会出现的错误类型有哪些?本篇文章就给大家介绍在JavaScript编程中出现的几种常见的错误类型.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助.[相关视频教 ...
四个Webix实例：生成多种类型的JavaScript列表
在这篇文章中,我们将介绍如何创建使用各种类型列表显示数据的Web组件.具体而言,我们采用的是Webix UI库.要理解Webix UI的工作机制,我们将会创建一个简单的小组件,以列表形式显示JSON数 ...
javascript基本类型及类型转换
每种语言都有自己的基本类型,javascript也不例外.在javascript中有五大基本类型,分别是number,string,boolean,null,undefined.其他不属于这五种基本类 ...
JavaScript的类型、值和变量
计算机程序的运行需要对值进行操作,在编程语言中,能够表示并操作的值得类型称为数据类型.变量用来将值存储起来,变量是值得符号名称. 一.数据类型 JavaScript的数据类型可以分为两类,原生类型和对 ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
javascript基础系列：javascript中的变量和数据类型（一）
javascript基础系列:javascript中的变量和数据类型(一) 今天开始去重新系统温习一遍js基础,并作下记录 javascript是由三部分组成: ECMASCRIPT(ES): 描述了 ...
JavaScript的类型自动转换高级玩法JSFuck
0 前言最开始是不小心在微信公众号(程序员大咖)看到一篇JS的高逼格代码,然后通过里面的链接跳转到了JSFuck的wiki,就像顺着迷宫找宝藏的感觉,感叹JS的自动类型转换的牛逼. 1 样例 (!( ...
JavaScript对象类型Object
前言系统学习JavaScript,由于有3年的java后端开发经验,并且有2年的JavaScript+Jquery开发经验,所以像编程语言的一些通用知识就直接跳过了,重点关注JavaScript的语 ...

[JavaScript] Set类型在JavaScript中的使用

初识Set

Set里的增删改查

类型之间互相帮助才是好兄弟

查看Set里的内容

Set的遍历

[JavaScript] Set类型在JavaScript中的使用相关推荐

最新文章

热门文章