JavaScript的Set数据结构详解

JavaScript中的Set数据结构详解

什么是Set？

Set 是一种 Javascript 内置的数据结构。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，可以通过new关键字来创建 Set 数据结构。

let mySet = new Set();

Set的基本用法

Set实例对象有以下常用方法：

• add(value)：添加某个值，返回Set结构本身。
• delete(value)：删除某个值，返回一个布尔值，表示是否删除成功。
• has(value)：返回一个布尔值，表示该值是否为Set的成员。
• clear()：清除所有成员，没有返回值。

下面我们通过代码来演示一下这些方法的使用：

let mySet = new Set();
mySet.add(1).add(2).add(3); // 链式操作
mySet.has(2); // true
mySet.has(4); // false
mySet.delete(2); // true
mySet.has(2); // false
mySet.clear(); // 清空Set
mySet.size; // 0

Set和Array的转换

Set和Array之间可以相互转换，以便于我们对数据进行操作和处理。

Set转Array

可以使用扩展运算符(...)将Set转换为数组。

let mySet = new Set([1, 2, 3, 3]);
let myArray = [...mySet]; // [1, 2, 3]

Array转Set

可以使用Set构造函数将数组转换为Set。

let myArray = [1, 2, 3, 3];
let mySet = new Set(myArray);

Set实际应用

数组去重

我们可以利用Set数据结构实现数组去重，因为Set成员值唯一，可以去掉重复的数组元素。

let myArray = [1, 2, 3, 3];
let mySet = new Set(myArray);
let newArr = [...mySet]; // [1, 2, 3]

判断字符串中是否有重复字符

我们可以利用Set数据结构来判断一个字符串中是否有重复字符。

function hasRepeatChar(str) {
  return new Set(str).size !== str.length;
}

console.log(hasRepeatChar('hello')); // true
console.log(hasRepeatChar('world')); // false

总结

Set数据结构是一种非常实用的数据结构，可以用于数组去重、判断字符串中是否有重复字符等应用场景。同时， Set 与 Array 的互转，使得我们可以在不同的数据结构之间灵活切换，方便高效的进行数据处理。