面试官：“ES6中新增的Set方法去重你会吗？”我：“看文章就知道了”

已于 2022-11-09 16:58:34 修改
阅读量3.5w 收藏 157
点赞数 164
分类专栏： 前端面试题大全 JavaScript高级语法 ES 6 文章标签： es6 javascript 前端 面试
于 2022-08-11 19:33:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49002903/article/details/126258741
版权
本文介绍了ES6中新增的Set数据结构，包括其基本使用、属性和方法，并展示了如何使用Set进行数组去重。此外，还探讨了WeakSet的特点，如只能存放对象且引用为弱引用，以及它的应用场景。
摘要由CSDN通过智能技术生成

在这里插入图片描述

赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。
面试专栏分享，感觉有用的小伙伴可以点个订阅，不定时更新相关面试题：面试专栏 。

文章目录

Set 的基本使用

🍔前言

在ES6 之前，我们存储数的据结构主要有两种：数组、对象。
在ES6中新增了另外两种数据结构，Set、Map，以及它们的另外形式WeakSet、WeakMap
就行了就让我们一起了解一下ES6中新增的两个数据结构吧。希望能给大家带来帮助，共同进步！

🍏正文

了解本专栏 订阅专栏 解锁全文 超级会员免费看
不苒
关注
专栏目录
订阅专栏
js高级之｜ES6新增数据结构Set和Map
qq_45313933的博客
01-14 420
数据结构有：数组、对象、set和map
12道面试官爱考的手撕代码题，你会了吗？
weixin_42247274的博客
10-12 1189
1.防抖与节流 防抖（debounce）：当持续触发事件时，一定时间内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 //举个栗子 function debounce（fn,wait）{ var timeout = null; return function(){ if(timeout ! == null) clearTimeout(timeout); timeout = setTimeout(fn,wait); } } //处理函
es6新数据结构Set只能对数组中基本数据类型的元素去重
胖胖的博客
02-19 384
寒假实训听老师讲到的，老师说可能面试题哦。所以去学习了下Set，在此记下。 ES6提供的新数据结构 Set ，类似数组，特点是里面所有元素都是唯一的，不重复，因此可以利用这个特性对单一数据去重。 Set快速去重 var arr = [1,2,2,2,2,3] var arrset = new Set(arr) arr = Array.from(arrset) console.log(arr) 结...
ES6 新增set方法
banglei123的博客
12-28 354
var arr = [1,2,3,3,2,1,4,5]; // 实例化时传入数组 var s = new Set([...arr]); // set数组长度 console.log(s.size) // 判断是否存在 console.log(s.has(1)) // 删除一项 ...
利用ES6新特性set集合实现数组去重
taurus102的专栏
03-22 362
let arr1 =['zhangsan','zhangsan','lisi','wangwu']; let arr2 = new Set(arr1); //{"zhangsan", "lisi", "wangwu"} arr1 = Array.from(arr2); //["zhangsan", "lisi", "wangwu"] 数据集合: set: 1、特点: ① 类似于数组，但没有重复的元素（唯一的）; ② 开发中用于去除重复数据; ③ key和value都是...
ES6中Set方法实现数组去重
weixin_57988035的博客
08-25 391
关于Set的定义： Set :使用构造函数定义一个set类型，构造函数是一个数组；set类型里面的元素不允许重复。可以用于数组去重。 举例：对一个含有多种数据类型的数组进行去重 letarr=[1,3,2,5,1,2,3,5,4,4,null,undefined,NaN,NaN,undefined,3,null,"张三","2","张三","2",true,false,false,true] //原数组 lets=newSet(arr) //构造函数定义一个Set...
es6 set方法实现数组去重
qq_25970751的博客
12-25 1417
最近新了解到es6的两个好用方法，set和Array.from。 set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。 可见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重。 在这里大家可以看到，set返回的是一个对象，但是我们想要的是数组怎么办呢。   这回，就该轮到...
ES6 Set与Map：数据结构详解与面试必备
面试官可能会询问应聘者对于这两种数据结构的理解和使用。 **Set数据结构** Set是ES6中新增的一种集合数据类型，它类似于数组，但成员的值都是唯一的，不允许有重复。Set是基于唯一值的无序容器，它的核心概念是...
理解JavaScript中的Set数据结构：面试重点
在前端面试中，面试官可能会询问你对集合（Set）的理解，这是JavaScript ES6新增的数据结构之一。集合是由一组唯一且确定的元素组成的，这些元素在集合中没有特定的顺序。在数学概念中，集合可以是有限的或无限的，...
前端面试：分享一道曾让我栽在二面的面试题｜项目复盘(1)
最新发布
2401_84153193的博客
04-22 901
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。
ES6使用Set方法进行数组去重
m0_58151273的博客
01-13 2880
在ES6中可以使用Set方法进行数组去重： let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set); 输出结果：Set(4) {1, 2, 3, 4} 生成的是一个Set类型而不是一个数组类型，需要我们把他转换成为数组类型 let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set);
es6新增数据结构Set的用法
weixin_44090040的博客
11-03 244
特性： 似于数组，但它的一大特性就是所有元素都是唯一的，没有重复。我们可以利用这一唯一特性进行数组的去重工作。 Set本身是一个构造函数，用来生成 Set 数据结构。 Set函数可以接受一个数组作为参数，用来初始化。 // 例一 const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4] // 例二 const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]); items.size // 5 /.
ES6 Set() 数组去重
sunluyi的博客
05-13 8597
ES6 Set()去重 Set。它类似于数组，但是成员的值都是唯一的 通过add()方法向 Set 结构加入成员 let arr = [1,2,3,4,1,5,2,3]; var set2 = new Set(); arr.forEach(item=>{ set2.add(item) }) console.log(set2); console.log(Array.from(set2)); let str = ['测试1','测试2','测试2','测试1','测试3']; var set = .
ES6 - 使用Set进行数组去重
seaalan的博客
04-15 1697
Set类似于数组，但是成员的值都是唯一的，没有重复。可以利用Set的特点进行数组的去重。 示例代码： let theArray = [ '5ca2bc4a54bc0f2fa07b1541', '5ca2bc4a54bc0f2fa07b1541', '5c9d8cc3161d6c257c021340', '5ca2bc4a54bc0f2fa07b1541', '5c9d8c...
使用es6语法set对数组去重
qq_47997447的博客
07-27 342
es6 set
ES6使用Set进行数组去重
qq_36238674的博客
08-17 167
let arr = [1,2,3,4,5,4,3,2,1]; // 数组去重 let s1 = new Set(arr); console.log(s1);
ES6中使用Set数据结构将对象数组去重
南城旧梦_de博客
12-02 748
因为Set数据结构并非真正的数组，它类似于数组，并且成员值都是唯一的，没有重复，所以可以用来做去重操作。// { name: "张三", age: 18, address: "北京" },// { name: "李四", age: 20, address: "天津" },// { name: "王五", age: 22, address: "河北" },{ name: "张三", age: 18, address: "北京" },其中张三和李四为重复对象；
es6删除数组某一项_ES6 的新鲜玩意儿——集合set、map、WeekSet、WeekMap
weixin_39804329的博客
11-20 199
es6新增了Set、Map、WeekSet、WeekMap 四种数据结构。C#中有HashSet和Dictionary，HashSet和Dictionary都是范式集合，但是es6不支持接口开发，所以也就不存在范式。Set 是存唯一值的集合，Map是存键值对的集合。WeakSet、WeakMap分别是它们的弱式表现的兄弟，只能存对象数据结构，拥有的方法少很多，使用时需要注意。1、set：存放代表唯...
JavaScript数组去重深入理解：ES6 Set 方法解析
本文将汇总几种常见的数组去重方法，特别是ES6引入的新特性Set的使用。 一、ES6中的`new Set`方式 `Set`是ES6新增的数据结构，它类似于数组，但所有成员都是唯一的，不允许重复。Set的一个显著优点是它自动去重，这...
评论 156
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不苒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值