快捷導(dǎo)航

JavaScript數(shù)組去重的幾種方法詳談

更新時(shí)間：2021年10月24日 17:09:08 作者：Maple-Ning

這篇文章給大家總結(jié)下JavaScript數(shù)組去重的幾種方法，面試中也經(jīng)常會(huì)遇到這個(gè)問題。文中給大家引申的還有合并數(shù)組并去重的方法，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧

一、Set去重

 function funSet(arr){
   return Array.from(new Set(arr));
 }

二、雙重for循環(huán)去重

function funFor(arr){
  for(let i=0,len=arr.length;i<len;i++){
    for(let j=i+1,len=arr.length;j<len;j++){
      if(arr[i]===arr[j]){
        arr.splice(j,1);
        len--;
        j--;
      }
    }
  }
  return arr;
}

三、利用indexOf去重

function funIndex(arr){
  let newArr=[];
  for(let i=0;i<arr.length;i++){
    if(newArr.indexOf(arr[i])===-1){
      newArr.push(arr[i])
    }
  }
  return newArr;
}

四、利用icludes去重

function funInclude(arr){
  let newArr=[];
  for(let i=0;i<arr.length;i++){
    if(!newArr.includes(arr[i])){
      newArr.push(arr[i])
    }
  }
  return newArr;
}

五、filter

function funFilter(arr){
  return arr.filter(function(item,index){
    return arr.indexOf(item,0)===index;
  })
}

六、Map

function funMap(arr){
  let map=new Map();
  let newArr=[];
  for(let i=0,len=arr.length;i<len;i++){
    if(map.has(arr[i])){
      map.set(arr[i],true);
    }else{
      map.set(arr[i],false);
      newArr.push(arr[i]);
    }
  }
  return newArr;
}

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

您可能感興趣的文章:

相關(guān)文章

javascript+HTML5的Canvas實(shí)現(xiàn)Lab單車動(dòng)畫效果
這篇文章主要介紹了javascript+HTML5的Canvas實(shí)現(xiàn)Lab單車動(dòng)畫效果,涉及javascript使用Canvas配合數(shù)學(xué)運(yùn)算實(shí)現(xiàn)自行車動(dòng)畫效果,需要的朋友可以參考下
2015-08-08
微信小程序?qū)崿F(xiàn)皮膚功能（夜間模式）
這篇文章主要給大家介紹了關(guān)于利用微信小程序?qū)崿F(xiàn)皮膚功能，也就是實(shí)現(xiàn)夜間模式的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06
必備的JS調(diào)試技巧匯總
試想一下：出現(xiàn)了某個(gè)bug，有人用幾分鐘就搞定了，有人用了半天或者一天都找不到原因所在。你愿意當(dāng)前者還是后者呢？想當(dāng)前者的就請(qǐng)好好看完本篇文章吧。文中涉及較多Gif演示動(dòng)畫請(qǐng)注意。
2016-07-07
詳解如何在Canvas上實(shí)現(xiàn)坐標(biāo)定位
這篇文章我們將來詳細(xì)的給大家講解一下如何在 canvas 上實(shí)現(xiàn)坐標(biāo)的定位,文中有詳細(xì)的代碼示例供大家參考,具有一定的參考價(jià)值,需要的朋友可以參考下
2023-08-08
微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應(yīng)的方法
小程序里圖片會(huì)顯示不全，這時(shí)就應(yīng)該做相應(yīng)的處理，使小程序里圖片顯示正確，這篇文章主要介紹了微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應(yīng)的方法，感興趣的小伙伴們可以參考一下
2019-01-01
ES6新特征數(shù)字、數(shù)組、字符串
這篇文章主要介紹了es6新特征之?dāng)?shù)字?jǐn)?shù)組和字符串的相關(guān)資料，需要的朋友可以參考下
2016-10-10
JS async 函數(shù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS async 函數(shù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS async 函數(shù)的基本功能、含義、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
前端文件上傳實(shí)現(xiàn)代碼示例(文件上傳，分片上傳，斷點(diǎn)續(xù)傳)
本文總結(jié)了普通文件上傳和分片上傳的方法,普通上傳通過FormData和axios實(shí)現(xiàn)文件發(fā)送,而分片上傳則將大文件切割并并行或串行上傳,最后合并分片,提高上傳效率和穩(wěn)定性,還介紹了斷點(diǎn)續(xù)傳和處理上傳過程中的異常情況,需要的朋友可以參考下
2024-09-09
微信小程序?qū)崿F(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-07-07
JS實(shí)現(xiàn)Date日期格式的本地化的方法小結(jié)
為了更好的更新多語(yǔ)言日期的顯示,所以希望實(shí)現(xiàn)日期的本地化格式顯示要求,常規(guī)的特殊字符型格式化無法滿足顯示要求,這里整理了幾種我思考實(shí)現(xiàn)的本地化實(shí)現(xiàn)功能
2024-06-06