正文

JS实现数组去重的方法

IP云
IP云V管理员/3 阅读
08/09
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

I.使用ES6的Set进行去重

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组去重</title>
</head>
<body>
<script type="text/javascript">
function array_dedup(arr){
return Array.from(new Set(arr));
}
let arr=array_dedup([1,2,3,3,4,5,5,6]);
console.log(arr);//1,2,3,4,5,6 </script>
</body>
</html>

使用此方法非常简单，通俗易懂。该方法主要利用了Set内部结构的原理，然后通过Array.from()方法将set转换为数组，一点就通。

II.使用indexof去重

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组去重</title>
</head>
<body>
<script type="text/javascript">
let arrs=[1,2,3,4,5,5,6];
function arraydedep(arr){
let temp=[];
for(let i=0;i<arr.length;i++){
if(temp.indexOf(arrs[i])==-1){
temp.push(arrs[i])
}
}
return temp;
}
let arr=arraydedep(arrs);
console.log(arr);//1，2，3，4，5，6
</script>
</body>
</html>

这一种方法可能在我开发过程中遇到最多的方法吧！

III.扩展运算符和Set实现去重

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组去重</title>
</head>
<body>
<script type="text/javascript">
let arr=[1,2,2,3,3,4,5];
let unique=[...new Set(arr)];
console.log(unique);//输出1，2，3，4，5 </script>
</body>
</html>

此方法更是舒服，代码简单，容易上手和阅读。