javascript 数组去重方法有哪些
目录
javascript 数组去重对于前端开发的小伙伴来说再熟悉不过了,为什么要整理一篇关于数组去重的方法总结呢?是因为最近面试一些小伙伴,要么说不清要么就是说不全,而在平时工作当中经常会遇到数组去重的需求,所以在这里整理一下有哪些方法可以实现数组的去重。
双层 for 循环
function noRepeat1(arr){ // 第一层 for 用来控制循环的次数 for(var i=0; i<arr.length; i++){ //第二层 for 用于控制与第一层比较的元素 for(var j=i+1; j<arr.length; j++){ //如果相等 if(arr[i] == arr[j]){ //删除后面的 即第 j 个位置上的元素 删除个数 1 个 arr.splice(j,1); // j--很关键的一步 如果删除 程序就会出错 //j--的原因是 每次使用 splice 删除元素时 返回的是一个新的数组 // 这意味这数组下次遍历是 比较市跳过了一个元素 /* 例如: 第一次删除后 返回的是 1 1 3 2 1 2 4 * 但是第二次遍历是 j 的值为 2 arr[2] = 3 * 相当于跳过一个元素 因此要 j-- * */ j--; } } } return arr; }
indexof 或者 includes
function removeSameEle(arr){ let res=[]; for(var i=0,len=arr.length;i<len;i++){ //if(!res.includes(arr[i])){ if(res.indexof(arr[i])<0){//判断结果中是否存在该数据了 res.push(arr[i]) } } return res; }
filter 方法
function removeSameEle(arr){ let res=arr.filter((item,index,arr)=>{ return arr.indexOf(item)===index; }); return res; }
set 唯一值去重
此方法只能用于对简单数组进行去重。
function removeSameEle(arr){ let res=new Set(arr); return [...res]; }
sort 排序后去重
function removeSameEle(arr){ let res=[]; let sortedArr=arr.sort(); for(let i=0,len<sortedArr.length;i<len-1;i++){ if(i==0||sortedArr[i]!==sortedArr[i+1]){ res.push(sortedArr[i]); if(i===(len-2)){ res.push(sortedArr[i+1]); } } } return res; }
使用 object.keys()去重
function removeSameEle(arr){ let res=[]; let obj={}; arr.forEach((item,index)=>{ if(!obj[item]){ obj[item]=item } }); for(let value of Object.values(obj)){ res.push(value); } return res; }
以上所述是前端教程给大家介绍的 JS 实现数组去重方法总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,我会及时回复大家的。在此也非常感谢大家对码云笔记网站的支持!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » javascript 数组去重方法有哪些
码云笔记 » javascript 数组去重方法有哪些