数组去重的场景
将数组 var arr =[1,1,‘true',‘true',true,true,66,66,false,false,undefined,undefined, null,null, NaN, NaN, 0, 0, ‘a', ‘a',{},{}] 中重复的值过滤掉
1、ES6-set
使用ES6中的set是最简单的去重方法
|
1 2 3 4 5 6 7 |
<script> var arr=[ 1 , 2 , 3 , 4 , 1 , 2 , 3 ] //先将数组转换为set var set= new Set(arr) //再将set转换为数组 console.log(Array.from(set)) </script> |
2、利用Map数据结构去重
创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function shuzu(arr) { let map = new Map(); let array = new Array(); // 数组用于返回结果 for (let i = 0 ; i < arr.length; i++) { if (map .has(arr[i])) { // 如果有该key值 map .set(arr[i], true ); } else { map .set(arr[i], false ); // 如果没有该key值 array .push(arr[i]); } } return array ; } |
3、 嵌套循环+splice
|
1 2 3 4 5 6 7 8 9 10 |
function shuzu(arr){ for (var i = 0 ; i < arr.length; i++){ for ( var j = i + 1 ; j < arr.length; j++){ if ( arr[i] === arr[j] ){ arr.splice(j, 1 ); } } } return arr; } |
4、 forEach + indexOf
|
1 2 3 4 5 6 7 8 9 |
function shuzu(arr){ var res = []; arr.forEach((val,index)=>{ if ( res.indexOf(val) === - 1 ){ res.push(val); } }); return res; } |
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注的更多内容！
原文链接：https://blog.csdn.net/WangYong_Z/article/details/121023560