javascript数组去重有哪几种方式
去重方式：1、用“Array.from(new Set(arr))”语句；2、用“[…new Set(arr)]”语句；3、用“arr.filter((item,index)=>arr.indexOf(item)===index)”语句。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript 数组去重的几种方式
1、Array.from(new Set(arr))
const arr = [1, 2, 3, 2, 3]; Array.from(new Set(arr)); // [1, 2, 3]
由于 Set 中的元素是唯一的，无论是原始值或者是对象引用，所以可以通过将数组转换成 Set 对象来实现去重
Array.from方法可以将 Set 对象转换成数组
2、[…new Set(arr)]
const arr = [1, 2, 3, 2, 3]; [...new Set(arr)]; // [1, 2, 3]
这里是通过 ES6 的展开语法将 Set 对象转换成数组；
3、arr.filter((item, index) => arr.indexOf(item) === index)
const arr = [1, 2, 3, 2, 3]; arr.filter((item, index) => arr.indexOf(item) === index); // [1, 2, 3]
indexOf方法返回指定元素在数组中的第一个索引(index)， 如果没有则返回 -1
所以这里的 arr 数组中的每个元素通过 indexOf() 方法返回的索引值分别是 0 1 2 1 2
arr.forEach(item => console.log(arr.indexOf(item))); // 0 1 2 1 2
可以通过 indexOf 来实现去重，比如 arr 中的第四个元素 2 通过 indexOf 返回的是索引是 1， 但是它当前的 index 下标是 3，不相等，说明当前的这个 2 元素在之前出现过, 所以应该把它过滤掉
【相关推荐：javascript学习教程】
以上就是javascript数组去重有哪几种方式的详细内容！
相关内容
-
JavaScript中数组去重的5种方法是什么
数组去重的5种方法：1、用“[...newSet(arr)]”语句去重；2、用“Array.from(newSet(arr))”语句去重；3、利用indexOf()去重；4、利...
-
javascript数组去重怎么做
方法：1、利用“[...newSet(arr)]”语句；2、利用“Array.from(newSet(arr))”语句；3、利用filter和indexOf函数；4、利用双重f...
-
javascript利用set进行数组去重的方法有哪些
数组去重的方法：1、利用set对象配合数组的“Array.from()”方法，语法“Array.from(newSet(arr))”；2、利用Set对象配合扩展运算符“...”...
-
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
-
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
-
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
-
让人眼前一亮的五个前端小技巧
为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...
-
如何实现炫酷的数字大屏
依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...
-
CSS+JS实现爱心点赞按钮（代码示例）
本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...
-
总结整理：需要避坑的五大常见css错误（收藏）
本篇文章给大家总结5个最常见的css错误，并介绍一下避坑方法，希望对大家有所帮助！正如我们今天所知，CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其...
