ES6:Set数据结构的使用方法及使用set数组去重

本文介绍了ES6中的Set数据结构,它用于存储唯一值。通过示例展示了如何利用Set进行数组去重,以及Set的add、delete、has和clear等方法的使用。此外,还讲解了如何遍历Set并将其转换回数组。Set的数据结构在处理去重和快速查找等场景中非常实用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ES6提供了新的数据结构Set,类似于数组,但成员的值都是唯一的,没有重复的值,因此可以利用Set去重

Set本身是一个构造函数,用来生成Set数据结构,使用时可以直接new Set()进行使用

// Set函数可以接收一个数组作为参数,用来初始化
// Set函数中有一个size属性,表示存放了几个内容
const a = new Set([1,2,3]);
console.log(a.size); // 输出3,因为存放了3个内容1 2 3

const a2 = new Set();
console.log(a2.size); // 输出0,因为没有存放内容

利用set进行数组去重:

const num = new Set([1,1,2,3,2,1]);
console.log(num); // 输出:{1, 2, 3} 重复的内容不会被输出
console.log(num.size); // 输出2,重复的内容不记为量

// 利用扩展运算符,将set数据结果转换成数组形式
const newNum = [...num];
console.log(newNum); // 输出: [1, 2, 3]

利用set数据结构遍历:
set结构的实例与数组一样,也拥有forEach()方法,用于对每个成员执行某种操作,没有返回值。

const arr = new Set(["a","b","c","d"]);
arr.forEach(ele =>{
	console.log(ele); // 遍历输出:a,b,c,d
});

Set数据结构常用的几个方法:

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

代码示例:

	const per = new Set();
    // 可以链式进行add添加
    per.add("兔子").add("熊猫").add("老虎").add("鹦鹉");
    console.log(per); // 输出:{"兔子", "熊猫", "老虎", "鹦鹉"}
    console.log(per.size); // 输出4

    // 可以创建一个变量,看是否删除成功
    const n1 = per.delete("老虎");
    console.log(per); // 输出:{"兔子", "熊猫", "鹦鹉"}
    console.log(per.size); // 输出3
    console.log(n1); // true

    const n2 = per.has("鹦鹉");
    const n3 = per.has("长颈鹿");
    console.log(n2); // true,说明鹦鹉是per的成员
    console.log(n3); // false,说明长颈鹿不是per的成员

    per.clear();
    console.log(per); // 输出:{} 里面什么也没有
    console.log(per.size); // 输出0,说明已经清除成功
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值