new Set()的使用 主要是 数组的去重 和 求数组里的值 的种类

Vue中newSet()去重方法解析
最新推荐文章于 2025-08-15 15:11:14 发布
原创 最新推荐文章于 2025-08-15 15:11:14 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

首先是new Set()，用来去重数组。
在这里插入图片描述 这是在VUE的里的应用 在 data里定义了一个arr数组 里面有很多num 并且很多重复的 然后看下效果
在这里插入图片描述
在标签里这么写
在这里插入图片描述
发现输出的是去重后的数组 [1,2,3]
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190817225601929.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5nemhpaGFvODg=,size_16,color_FFFFFF,t_70在这里插入图片描述
在后面加上size会发现 在页面输出了数字3
在这里插入图片描述
这个的意思是 咱们数组里有三个不一样的值
还有一种使用filter去重的
数组什么的都一样
在这里插入图片描述
方法咱们换成了这个 也是可以实现的
好了 这就是我对new Set()的理解
希望可以帮到你！回见(,´•ω•)ノ"(´っω•｀。)！！

php数组去重和js数组去重最简方法
11-29
首先是使用ES6的Set对象，Set类似于数组，但不允许重复值： ```javascript let uniqueArray = [...new Set(array)]; ``` 这段代码首先创建一个Set，然后使用扩展运算符`...`将其转换回数组。Set的去重特性使得这种...
js数组去重的方法汇总
10-23
因为JavaScript数组中可以存储各种类型的值，包括基本类型值和对象引用，所以可能会因为数组中存在重复元素而导致数据处理上的不便。本文将详细介绍并演示三种在JavaScript中实现数组去重的方法。 第一种方法是使用...
ES6新增两种数据类型 Set（ ） Set（ ）应用
m0_74997818的博客
08-19 196
keys( ) values( ) entries( ) 这三个方法分别返回一个迭代器对象，可以用来遍历集合中的所有键、所有值和所有键值对（实体）。forEach( ) 遍历集合中的所有元素并执行回调函数。回调函数有三个参数：value(当前元素的值)、key(当前元素的键，也是其值)和set(当前set)。Set（）是一个无序且唯一的集合。可以用来去除数组中的重复项或者检查某个值是否在集合中。clear( ) 清空set中所有元素。，用于获取set对象中元素的数量。
vue 对象数组去重
weixin_45472408的博客
07-16 1683
vue 对象数组去重 （转载 方便自己回看） 其实很简单，一般的数组去重可以直接用 new Set() 方法即可，但是数组对象的话，比较复杂，不能直接用，我们可以采取间接的方法来去重 unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1)) } 下面有一个示例，根据对象的id作为去重的依据： <el-button type=“
Set集合与Map集合
syy的博客
11-09 3363
ES6中Set集合与Map集合
new Set()的基础用法(ES6)——类似数组、成员唯一用于数组去重 & set对象方法-增add删delete查has和遍历 & 应用之数组去重、字符串去重、实现不同set对象的并集、交集和差集
weixin_44867717的博客
09-03 9241
js es6
vue foreach用法_ES6 新增的 Set 数据集合的用法【16】
weixin_39912984的博客
12-09 823
学习要点：1.Set 数据集合本节课我们来开始学习 ES6 新增的 Set 数据集合的用法；一．Set 数据集合1. ES6 之前只有数组一种数据结构，而现在提供了 Set 和 Map 两种集合；2. Set 集合是一种无重复元素的列表，使用 new Set()方法创建 Set 集合；let set=new Set();console.log(set); //Set(0){}conso...
vue中对象数组去重的实现
10-15
在Vue项目中，我们经常需要处理对象数组的去重问题，尤其是当数组中存储的是对象时，不能直接使用JavaScript原生的`new Set()`方法去重，因为`new Set()`只适用于简单数据类型的元素，对于对象这样的复杂数据类型，...
JavaScript中数组去重的5种方法
11-20
方法一：new Set()实现数组去重 ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 ...
高性能js数组去重(12种方法，史上最全)
10-15
在JavaScript中，数组去重是一项常见的编程任务，尤其在面试中常常被用来考察候选人的算法理解和编程技巧。这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： ...
vue 解耦双向数据绑定，new Set() 去重数组/对象
qq_38828542的博客
06-18 144
1、解耦双向数据绑定 const obj1 = JSON.parse(JSON.stringify(obj)); 这样obj1就不会和obj数据双向绑定，如果多次循环使用，记得放在循环中自定义。 2、ES6中 new Set() 可以去重数组/对象 let arr = [1,2,3,2,4,3]; let set = new Set(arr) // {1,2,3,4} let arr1 =...
关于Vue.set()
徐三岁的博客
08-25 878
Vue.set() 是 Vue 中的一个全局方法，其主要作用是向响应式对象添加新的属性，并确保新属性同样具有响应式。在 Vue.js 中，当数据对象的属性被直接修改时，Vue 可以监测到数据变化并响应变化。但若添加新的响应式对象属性时，直接赋值的方法无法触发相应的响应变化。当需要向已创建的响应式对象中添加新属性时，就需要使用 Vue.set() 方法。target：表示修改的目标响应式对象。key：需要添加的新属性名。value：新属性名对应的属性值。
new Set( )的基本使用以及如何去重对象数组
青春木鱼的博客
06-15 5955
在 ES6 中，引入了一个新的数据结构类型：Set。而 Set 与 Array 的结构是很类似的，且 Set 和 Array 可以相互进行转换。Set 对象允许你存储任何类型的唯一值（Set 对象存储的值总是唯一的），无论是原始值或者是对象引用。
Vue中的set()方法
New个对象喝咖啡
03-30 1676
大家在写vue前后端交互时不知道有没有碰到过一个问题，就是在data里面定义一个变量，然后从后台获取数据后赋值给这个变量，但是对这个变量里的对象的属性或者数组的元素进行修改时，发现数据能修改，但视图不更新！ 原因：vue管理的变量必须生成了get和set方法，如data中定义的变量，虽然直接通过赋值的对象有get、set方法，但是对象里面的属性或者元素并没有get和set方法，所以vue不会根据他的属性改变去更新视图 例子如下： 循环遍历变量对象中的数组 定义一个没有内容的变量 页面初始化时，构造一个数
vue使用new Set去重
weixin_30346033的博客
02-27 5230
一下方法是点击获取值然后添加到数组中并去重： handleNodeClick(data) { if (data.flg == true && this.zhishi.length < 5) { this.zhishi.push(data.label); //这里new Set是去重的 ...
new Set() 简介及应用场景
最新发布
weixin_67559385的博客
08-15 1324
Set是前端开发中非常有用的数据结构，特别适合需要保证元素唯一性或需要快速查找的场景。在Vue/React等框架中，常用于管理唯一ID集合、实现标记功能等。虽然API比数组简单，但在特定场景下能提供更好的性能和代码简洁性。案例。
new Set() 数组去重
qq_55873376的博客
07-02 1268
/将set转化为数组。Set类似于数组，区别在于它所有的成员都是唯一的，不能有重复的值。new Set()，用来去重数组。返回结果是'set'
Vue.set()的使用
Hupan_Pan的博客
12-13 1152
vue.set()方法是vue中提供响应式操作的内置API，列如vue可以动态控制数据的增减，但是我们却无法做到对某一条数据的修改。这时候就需要Vue的内置方法Vue.set()来帮忙了 调用方法：Vue.set( target, key, value ) target：要更改的数据源(可以是对象或者数组) key：要更改的具体位置 value ：重新赋的值 列如： &lt;!DOCT...
new Set()的基础用法(ES6)
热门推荐
yiyueqinghui的博客
08-03 7万+
1、什么是Set() 似于数组，但它的一大特性就是所有元素都是唯一的，没有重复。 我们可以利用这一唯一特性进行数组的去重工作。 2、常用方法 2.1 添加元素(与对象添加元素一致 Object.key = value) let list=new Set(); list.add="1" 2.2 删除元素 delete let list=new Set([1,20,30,40]) list.delete(30) //删除值为30的元素，这里的30并非下标 2.3 判断某元素是否存在 has let
使用new Set实现JavaScript数组去重的高效方法
本文所提到的“new Set数组去重”正是JavaScript语言中一种简洁、高效且被广泛采用的数组去重技术。该方法依托于ES6（ECMAScript 2015）引入的Set数据结构，结合扩展运算符（Spread Operator），实现了对原始数组的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值