面试官：“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
版权

在这里插入图片描述

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

文章目录

Set 的基本使用

🍔前言

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

🍏正文

1. Set

Set 是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是 元素不能重复。

1.1 Set的基本使用

创建Set我们需要通过Set构造函数的方式去创建

了解本专栏 订阅专栏 解锁全文 超级会员免费看
不苒
关注
  • 164
    点赞
  • 踩
  • 157
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 156
    评论
专栏目录
订阅专栏
浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法
01-08
Set 和 Map 是 JavaScript 中 ES6 引入的两种新的数据结构，它们提供了更高效和便捷的方式来处理数据。本文将深入探讨这两个数据结构及其相关的 `Array.from` 方法。 首先，让我们来详细了解一下 Set 结构。Set ...
浅谈ES6新增的数组方法和对象
08-29
ES6中新增了许多实用的数组方法和对象，下面我们将逐一介绍这些新增的方法和对象。 首先，ES6中新增了遍历数组的方法，使用for...of语句可以遍历数组或对象。例如： ``` let arr = [1, 2, 3, 4, 3, 2, 1, 2]; for ...
Es6中用Set去重
阳阳的博客
01-03 2628
简单易上手，快来操作一番，试试看吧
数组去重 --ES6新增方法
weixin_45846805的博客
07-20 593
js中的数组去重是面试必考点，这里来 浅谈下ES6中的新增方法 1.利用Map对象和数组filter方法 let arr = [1,2,2,1,3,6,5,3,6,12,89] function unique(arr1){ const a = new Map(); return arr1.filter((b)=>!a.has(b) && a.set(b,1)) } let newArr
使用ES6的Set去除数组的重复元素
HaiJing1995的博客
06-02 1万+
使用ES6的Set去除数组的重复元素方法一Array.from()方法可以将Set结构转化为数组结构function dedupe(array) { return Array.from(new Set(array)); }dedupe([1,2,3,3]);方法二扩展运算符（…）内部使用for…of循环let arr = [1,2,3,3]; let unique = [...new Set
ES6之Set对象详解
wfly blog
09-25 1540
Set是什么 是ES6提供的一种新的数据结构，类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 Set 中的元素只会出现一次，即 Set 中的元素是唯一的。 另外，NaN 和 undefined 都可以被存储在 Set 中，NaN 之间被视为相同的值（尽管 N...
es6的一些笔记（数组去重，new Set()）
热门推荐
阿之阿佐
04-18 5万+
new Set()，用来去重数组。let arr = [1, 2, 2, 3];let set = new Set(arr);let newArr = Array.from(set);console.log(newArr); // [1, 2, 3]Set类似于数组，区别在于它所有的成员都是唯一的，不能有重复的值...
ES6中数组array新增方法实例总结
08-28
ES6 中数组 array 新增方法实例总结 ES6 中数组 array 新增了许多有用的方法，这些方法可以帮助开发者更方便地操作数组。下面将对这些方法进行总结和分析。 find 方法 find 方法用于查找数组中第一个符合条件的...
es6string:ES6 新字符串方法的 polyfill
07-09
ES6 新字符串方法的 polyfill 包括： 以。。开始 以。。结束 包括 重复 代码点 ＃用法 在浏览器中： [removed] 在节点： npm es6string 然后： 要求（“es6string”） ＃例子 require("es6string") var ...
ES6中字符串string常用的新增方法小结
08-28
ES6中字符串string常用的新增方法小结主要介绍了ES6中字符串string常用的新增方法，结合实例形式总结分析了ES6中字符串string常用的新增方法功能与使用技巧。下面是 ES6 中字符串 string 的一些常用的新增方法： 1....
ES6 set数据类型
仗剑东游的猫
04-03 2587
set本身是一个构造函数 1、创建set集合并添加元素 let set = new Set(); console.log(typeof set) //object set.add('a'); //add()方法添加元素 set.add('b'); set.add('c'); console.log(set); //{a,b,c} 2、Set的size属性可以获取set...
利用ES6中的 Set为数组去重
qq_36437172的博客
03-05 318
Set数据结构，它类似于数组，其成员的值都是唯一的。利用Array.from将Set结构转换成数组 Set 去重案例： // 例1 var set = new Set([1,2,2,3,4]) // {1,2,3,4} var newArr = Array.from(set) // 再把set转变成array console.log(newArr) // [1,2,3,4] 相当于 va...
ES6 Set的使用， 数组去重 如此简单
Ace_with_Yu的博客
12-21 1308
Set是ES6提供新的一种数据结构。类似于数组，但是成员元素的值都是唯一的，没有重复的值。接收数组作为参数，所以可以用来用作数组的去重使用 let arr = new Set([[1,1,2,2,2,3,4,4,4,4,5,6]]) console.log(arr) //[1,2,3,4,5,6] 可以使用new Set().size来查看不重复的数组元素长度 另外Set 有几个操作...
自定义对象去重（Set篇）
tongkaiming的博客
09-22 1万+
当需要给集合去重时，实现的方式有很多。这里介绍使用Set去重（两种方式） 需求：给多个Student对象去重 public class Student { private int id; private String name; public Student() {} public Student(int id,String name) { this.id=id; this....
JavaScript数组去重—ES6的两种方式
FEWY的博客
09-27 3万+
说明JavaScript数组去重这个问题，经常出现在面试题中，以前也写过一篇数组去重的文章，（JavaScript 数组去重的多种方法原理详解）但感觉代码还是有点不够简单，今天和大家再说两种方法，代码可是足够的少了。 解释方法一：function unique(arr) { const res = new Map(); return arr.filter((a) => !res(
es6 set方法实现数组去重
qq_25970751的博客
12-25 1396
最近新了解到es6的两个好用方法，set和Array.from。 set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。 可见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重。 在这里大家可以看到，set返回的是一个对象，但是我们想要的是数组怎么办呢。   这回，就该轮到...
使用set集合去除重复元素
mszhzmh的博客
08-19 9338
如何使用set集合去重 我们都知道，set集合是无序的，这样也导致set集合里面的元素是不能重复的，因为这一个特性，所以我们经常用set集合进行去重操作，我们下面以一个简单的例子说明set集合是如何进行去重的。 创建去重对象 首先，我们需要创建去重的对象，这里我创建一个Student类。为了方便，我没有对此类进行封装，同时写出该类的全参构造方法，方便后面的赋值。同时重写toString()方法,方便后面打印的效果，否则默认的toString()打印的是地址，然后重写eq...
【es6】Set Array 之数组快捷去重
weixin_42590278的博客
08-06 213
【es6】Set Array 之数组快捷去重
ES6数组去重的方法(方法集合)
FE 技术学习
11-30 1185
es6 提供出Array.from 方法 和 new Set 方法 结合使用 可以数组去重。 const arr = [1,2,3,4,1,2,3]; const newArr = Array.from(new Set(selectList.concat(arr)));
前端面试精华：ES6特性与ES5对比总结
前端面试总结终.pdf文件深入探讨了前端开发中的重要知识点，主要聚焦于ES6新特性及其在面试中的重要性。...在实际面试中，面试官可能会提问相关的代码示例、最佳实践和应用场景，以考察候选人的实际运用能力。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 156
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

不苒

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

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

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

打赏作者

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

抵扣说明：

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

余额充值