javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js中set用法

javascript中的set的常用方法和操作

作者:AndrewPerfect

这篇文章主要介绍了javascript中的set的常用方法和操作,在JavaScript中Set是一种特殊的数据结构,用于存储唯一的值,创建Set对象可以通过new Set()实现,文中通过代码介绍的非常详细,需要的朋友可以参考下

前言

在 JavaScript 中,Set 是一种内置的数据结构,用于存储唯一值的集合。Set 对象允许你存储任意类型的值,无论是基本类型还是对象类型。以下是 Set 的常用方法和操作:

1. 创建一个 Set:

你可以通过 new Set() 来创建一个新的 Set 对象。

const mySet = new Set();

2. 向 Set 中添加元素:

使用 .add() 方法可以向 Set 中添加元素。

mySet.add(1);       // Set { 1 }
mySet.add(5);       // Set { 1, 5 }
mySet.add(1);       // Set { 1, 5 } (1 已经存在,不会重复添加)
mySet.add('hello'); // Set { 1, 5, 'hello' }

3. 检查 Set 中是否存在某个值:

使用 .has() 方法来检查一个值是否在 Set 中。

console.log(mySet.has(1));    // true
console.log(mySet.has(10));   // false

4. 删除 Set 中的元素:

使用 .delete() 方法可以删除某个元素。

mySet.delete(5);    // true
console.log(mySet); // Set { 1, 'hello' }

5. 获取 Set 的大小:

使用 .size 属性可以获得 Set 的元素数量。

console.log(mySet.size); // 2

6. 清空 Set:

使用 .clear() 方法可以清空 Set 中的所有元素。

mySet.clear();
console.log(mySet.size); // 0

7. 遍历 Set:

你可以使用 forEach() 或 for...of 循环来遍历 Set

PS:[1, 2, 3, 'a', 'b']为一个数组。

const anotherSet = new Set([1, 2, 3, 'a', 'b']);

// 使用 forEach 遍历
anotherSet.forEach(value => {
  console.log(value);
});

// 使用 for...of 遍历
for (let value of anotherSet) {
  console.log(value);
}

8. Set 和数组的转换:

你可以很容易地将 Set 转换为数组,或者将数组转换为 Set

// Set 转换为数组
const setArray = [...anotherSet]; // [1, 2, 3, 'a', 'b']

// 数组转换为 Set
const array = [1, 2, 2, 3, 4];
const arraySet = new Set(array); // Set { 1, 2, 3, 4 }

9. 去重数组中的重复值:

利用 Set 的唯一性,你可以快速去除数组中的重复项。

const numbers = [1, 2, 3, 3, 4, 5, 5];
const uniqueNumbers = [...new Set(numbers)]; // [1, 2, 3, 4, 5] 首先将数据转换为set,再将set转换为数组。

set和map的区别:

1. 存储类型:

2. 元素的唯一性:

3. 键和值的使用:

4. 迭代:

5. 方法:

6. 使用场景:

总结:

到此这篇关于javascript中的set的常用方法和操作的文章就介绍到这了,更多相关js中set用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文