网站建设资讯

NEWS

网站建设资讯

javascript数组去重有哪些方法

本篇内容介绍了“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数组去重有哪些方法
文章起源:http://cdweb.net/article/gsipcd.html