Set 和 Array

ゝ一纸荒年。 2021-09-19 00:10 385阅读 0赞

> **ES6 提供了一个新的数据结构 Set 用来存储任意类型的值，它类似于数组。**

### 转换  ###

** Array 转换成 Set**

let arr = [1, 2, 3]
    let set = new Set(arr)  // Set(3) {1, 2, 3}

** Set 转换成 Array**

let set = new Set([1, 2, 3])
    let arr = [...set]  // [1, 2, 3]

### 区别  ###

**1.  唯一性**

Array 是可以包含重复值的,

let arr = [1, 1, 2, 2]

而 Set 中的值则总是唯一的，不会有重复值存在，这也是 Set 跟数组之间最直观的区别。

new Set([1, 1, 2, 2])
    
    // 输出 Set(2) {1, 2}

利用这一特性可以快速去重

let arr = [1, 1, 2, 2]
    let newArr = [...new Set(arr)]
    
    // newArr 为 [1, 2]

既然 Set 具有元素唯一性，那么就肯定会有一个判断的机制，这个机制其实就类似精确相等 `===`，当然这里面有特例 `NaN`

**2.   长度**

`arr.length` 用来获取数组的长度，而在 Set 中就变成了 `size` 属性了

let set = new Set([1, 2, 3])
    set.size // 3

**3.  获取元素**

数组可以直接通过索引的方式（arr\[0\]）取值，但是 Set 是不能这样获取的。只能通过遍历取值

let sets = new Set([5, 8, 10])
    for (let value of sets) {
      console.log(value)
    }
    
    // 5
    // 8
    // 10

**4.  添加元素**

数组可以通过 `push()` 方法或者索引的方式添加值

let arr = [1, 2]
    arr[2] = 3
    arr.push(4)

而 Set 则是通过 `add()` 方法来实现

let set = new Set()
    set.add(1)
    set.add('hello')
    
    // Set(2) {1, "hello"}

而且 add 方法是返回 Set 对象本身，所以是可以链式调用的

set.add(2).add('hello')

**5.  删除元素**

数组中可以通过 `splice` 来删除某个元素，本质上是通过索引来删除元素

let arr = [4, 5, 6]
    arr.splice(1, 1)
    
    // arr [4, 6]

Set 要删除某个元素更方便，用 `delete()` 来做

let set = new Set([4, 5, 6])
    set.delete(5)
    
    // Set(2) {4, 6}

该方法返回一个布尔值，删除成功返回 true，如果删除一个不存在的元素则返回 false。

**6.  清空**

前面讲过清空数组的方式，最简单的直接

arr.length = 0

而 Set 有个专门用来清空的方法 `clear()`

let set = new Set([4, 5, 6])
    set.clear()
    
    // Set(0) {}

**7.  是否存在某个值**

数组中要判断是否存在某个值，可以用 `indexOf()` 或 `includes()` 实现

arr.indexOf(1) > -1
    arr.includes(1)

而 Set 则可以通过 `has()` 实现

let set = new Set([4, 5, 6])
    set.has(1) // false

### 总结 ###

数组和 Set 直观的区别是，数组可以包含重复元素，而 Set 的元素都是唯一的。综合 Set 操作元素的方法，更像是一个数组仓库，没有索引的概念，也就不能通过索引方便地取值了。实际开发中应该根据情况在二者之间选择合适的使用。

发表评论取消回复

表情：

评论列表（有 0 条评论，385人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java Array、List、Set互相转化

Java Array、List、Set互相转化 1. Array、List、Set互转实例 1.1 Array、List互转 Array转List Str

太过爱你忘了你带给我的痛/ 2023年10月11日 16:10/ 0 赞/ 40 阅读

相关 list、set、map以及array的区别

对于刚刚学习集合框架来说，如何选择list、set、map以及array是比较模糊的在此我将对这四种情况做总结： array：数组，可以存储对象和基本数据类型，长度

蔚落/ 2023年08月17日 17:37/ 0 赞/ 116 阅读

相关 Java中array、List、Set互相转换

From: [https://www.cnblogs.com/yysbolg/p/9977365.html][https_www.cnblogs.com_yysbolg_p_9

深藏阁楼爱情的钟/ 2022年10月02日 12:55/ 0 赞/ 227 阅读

相关 Java之数组array和集合list、set、map

之前一直分不清楚java中的array,list。同时对set,map,list的用法彻底迷糊，直到看到了[这篇文章][Link 1]，讲解的很清楚。 ![复制代码][cop

向右看齐/ 2022年06月07日 13:20/ 0 赞/ 246 阅读

相关 JavaScript 集合（Array，Set，Map）遍历

前言集合遍历是我们实现业务逻辑的常用手段之一，我们几乎每天都会使用到它去操作集合元素。今天就梳理一下一些常用的集合遍历方式。 1.for（let i = 0;i <len

逃离我推掉我的手/ 2022年05月25日 07:12/ 0 赞/ 263 阅读

相关 JS中Set,Array和String的转换

类型转换 // array -> set var set = new Set([1,2,3,4,5]); // 用Set(arr)构造方法 co

缺乏、安全感/ 2022年02月23日 06:50/ 0 赞/ 721 阅读

相关 JavaScript集合类：Array、Map、Set

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/cathar

谁借莪１个温暖的怀抱￠/ 2021年10月15日 20:23/ 0 赞/ 376 阅读

相关 Set 和 Array

> ES6 提供了一个新的数据结构 Set 用来存储任意类型的值，它类似于数组。转换 Array 转换成 Set let arr = [1, 2,

ゝ一纸荒年。/ 2021年09月19日 00:10/ 0 赞/ 386 阅读

相关 Array和Arrays的区别

Array的api如下： > public final class Array extends Object > > > The Arra

客官°小女子只卖身不卖艺/ 2021年09月14日 12:20/ 0 赞/ 308 阅读

相关 1474 - C. Array Destruction (set、思维)

[题目][Link 1] 思路：可以知道一开始所选的两个数一定要包含最大的一个，假如不包含，那么后面的任何一个数加上最大的那个不可能构成另一个数，按着这个思路走下去，后面

深碍√TFBOYSˉ_/ 2021年07月17日 01:37/ 0 赞/ 336 阅读