数组去重（es6）

最新推荐文章于 2024-05-13 17:42:13 发布
原创 最新推荐文章于 2024-05-13 17:42:13 发布 · 248 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文通过一个具体的HTML脚本示例，对比了JavaScript中使用new Set()与...new Set()的不同输出结果，揭示了两者在处理数组去重时的微妙差异。

 new Set()与...new Set()是有区别的，...表示的是超引用，他会将对象放入一个数组中，所以以下两种输出结果有所区别                         

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var arr3 = [1,2,3,2,1];
			console.log([new Set(arr3)]);
			console.log([...new Set(arr3)]);
		</script>
	</body>
</html>

 

JavaScript 数组去重并统计重复元素出现的次数实例
11-29
1、方法一 var arr = [1, 2, 3, 1, 2, 4]; function arrayCnt(arr) { var newArr = []; for(var i = 0; i < arr.length;... if(newArr.indexOf(arr[i]) == -1) { ... var newarr2 = new Array(newArr.length);...
JavaScript中数组去重的5种方法
11-20
方法一：new Set()实现数组去重 ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 ...
JavaScript 数组去重 ES6 方法总结
DHLSP15的博客
12-22 945
JS数组去重 ES6 方法
es6 数组去重
最新发布
Angel_girl319的博客
05-13 222
【代码】es6 数组去重。
ES6数组去重的方法
m0_61265297的博客
11-22 1663
【代码】ES6数组去重的方法。
es6数组去重
qq_37312180的博客
03-10 1065
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。下面我们就利用set的这一特性实现数组的去重。
ES6数组去重
weixin_44283589的博客
03-23 1613
const arr = [...new Set([1,1,2,3])] //[1,2,3]
ES6数组去重的三个简单办法
热门推荐
weixin_44526618的博客
06-19 8万+
ES6数组去重的三个简单办法 简单说一下利用ES6实现数组去重的三个办法。 第一种: 利用Map对象和数组的filter方法 贴上相关代码 打印后的结果 通过打印我们发现，确实实现了我们想要的效果。那么下面简单来解释一下。 1.Map对象是ES6提供的一个新的数据结构，其中has的办法是返回一个布尔值，表示某个值是否存在当前的Mp对象之中，set的办法是给Map对象设置key/value。 2...
数组去重-ES6
Yous的博客
07-19 161
双重循环外层循环元素，内层循环时比较值值相等，删去这个值，使用splice直接再原数组进行操作。注意删除值后，将数组的长度减1。
数组去重Es6
暴走的山交君的博客
08-20 200
【代码】数组去重Es6。
es6实现数组去重
u011295864的博客
12-04 532
首先针对简单的数组 [1, 2, 3, 3, 4, 4, 5] 进行去重。 let testArr = [1, 2, 3, 3, 4, 4, 5] let newArr = Array.from(new Set(testArr)) console.log(newArr) 控制台输出结果： 下面针对数组对象进行去重。 比如我这里有个数组： [ { ...
es6数组去重的三种方法
weixin_42161050的博客
11-23 1万+
1.es6的三种方法 let arr = [2, 5, 3, 3, 5, 7, 3, 7, 3, 7, 2, 2] // (1)拓展运算符 + new Set 方法 let narr1 = [...new Set(arr)] // (2)Array.from + new Set 方法 let narr2 = Array.from(new Set(arr)) // (3)、new Map() + filter方法 let myMap = new Map() let nar
vue中对象数组去重的实现
10-15
在Vue中实现对象数组去重的一个常用方法是利用`Map`对象。`Map`对象会存储键值对，并且任何值（对象或原始值）都可以作为键或值，这就为我们的去重提供了便利。具体实现方式是通过遍历数组，以对象中某个特定属性...
精选资源
高性能js数组去重(12种方法，史上最全)
01-19
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般都是...
video 标签结合js实现播放暂停，广告弹出，进度条联动 video标签的简单应用
S_1978P1
08-28 4176
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; *{ margin: 0; padding: 0;
form表单 input输入框及属性
S_1978P1
08-02 3334
  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;form表单&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!--form表单 input输入框
单伪元素跟双伪元素清除浮动方法
S_1978P1
08-07 2327
 单伪元素方法： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; .clearfix:after{
三元表达式 心得笔记
S_1978P1
08-24 1424
三元表达式的嵌套写法 基础写法：a?b:c 嵌套写法：a?b:c?:d?:e  
自己制作飞机大战小游戏 canvas应用实例
S_1978P1
09-03 1274
 图片只能打包上传 百度云链接：https://pan.baidu.com/s/1bxHZYtsZxTzPFis4Fq4AvA 密码：xshc &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;飞机大战&lt;/title&gt; &
js数组去重es6方法
03-20
在ES6中，有几种方法可以用于数组去重。以下是其中几种常用的方法： 1. 使用Set：ES6中引入了Set数据结构，它类似于数组，但是成员的值都是唯一的。可以通过将数组转换为Set，然后再将Set转换回数组的方式实现去重。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用Array.filter()：可以使用Array.filter()方法结合indexOf()方法来过滤掉重复的元素。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用Array.reduce()：可以使用Array.reduce()方法来遍历数组，并将不重复的元素添加到一个新数组中。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = arr.reduce((prev, cur) => { if (!prev.includes(cur)) { prev.push(cur); } return prev; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值