九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

JS數(shù)組去重的幾種方法

2021-9-27    前端達人

數(shù)組去重

1 雙層for循環(huán)(類似冒泡排序的雙層循環(huán)寫法)

var arr = [2,3,4,2,34,21,1,12,3,4,1] for(var i =0;i<arr.length;i++){ //第一層:每次循環(huán)拿到arr中一個元素 for(var j=i+1;j<arr.length;j++){ //第二層:每次拿到的元素再和每次拿到的元素后邊的元素依次進行比對(因為第一個要從第二個開始比,第二個要從第三個比以此類推,所以這里的j應(yīng)比i大1為j=i+1) if(arr[i] === arr[j]){ //如果相同就刪除后邊的元素 arr.splice(j,1) } } } //arr:[1, 2, 3, 4, 12, 21, 34] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

2 循環(huán)和indexof、循環(huán)和includes

創(chuàng)建新數(shù)組,循環(huán)舊數(shù)組,看每次循環(huán)的元素是否存在于新數(shù)組中沒有就把當(dāng)前元素添加到新數(shù)組中

//indexof var arr = [2,3,4,2,34,21,1,12,3,4,1] var arr2 = [] arr.forEach((e)=>{ if(arr2.indexOf(e)==-1){ arr2.push(e) } }) console.log(arr2) //arr2:[1, 2, 3, 4, 12, 21, 34] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
//includes var arr = [2,3,4,2,34,21,1,12,3,4,1] var arr2 = [] arr.forEach((e)=>{ if(!arr2.includes(e)){ arr2.push(e) } }) console.log(arr2) //arr2:[1, 2, 3, 4, 12, 21, 34] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

3 利用對象屬性不能重復(fù)去重

var arr = [2,3,4,2,34,21,1,12,3,4,1] var obj = {}; arr.forEach((e,i)=>{ obj[arr[i]] = "abc"; }); var arr2=Object.keys(obj) console.log(arr2) //arr2:["1", "2", "3", "4", "12", "21", "34"] var arr3 = arr2.map(e => ~~e ) //arr3:[1, 2, 3, 4, 12, 21, 34] //注意這種方法不僅給數(shù)組重新排列而且還改變了數(shù)組中元素的類型 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

~是js里的按位取反操作符,~~就是執(zhí)行兩次按位取反,其實就是保持原值,但是注意雖然是原值,但是對布爾型變量執(zhí)行這個操作,會轉(zhuǎn)化成相應(yīng)的數(shù)值型變量,也就是 ~~true === 1,~~false === 0。

4 ES6 Set

ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) Set。它類似于數(shù)組,但是成員的值都是唯一的,沒有重復(fù)的值。

var arr = [2,3,4,2,34,21,1,12,3,4,1] var arr1 = [...new Set(arr)] console.log(arr1) //arr1:[1, 2, 3, 4, 12, 21, 34] 
  • 1
  • 2
  • 3
  • 4

5 ES6 Array. prototype.filter()

注:indexOf在數(shù)組中找元素的時候,碰到符合條件的第一個就會把它的下標(biāo)返回

var arr = [2,3,4,2,34,21,1,12,3,4,1] var arr2 = arr.filter((e,i)=>{ //看每次循環(huán)的元素在數(shù)組中出現(xiàn)的第一個下標(biāo)位置(indexOf返回的位置),和每次循環(huán)的元素的下標(biāo)(filter循環(huán)每次的i)是否一致,一致就說明他就是第一個符合條件,不會被過濾掉。 return arr.indexOf(e)==i; }) console.log(arr2) //arr2:[1, 2, 3, 4, 12, 21, 34] 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

6 ES6 Array. prototype.reduce()

var arr = [2,3,4,2,34,21,1,12,3,4,1] var arr2 = arr.reduce((pre,e)=>{ //這里當(dāng)然也可以用indexOf來判斷是否存在 pre.includes(e)?pre:pre.push(e); return pre },[]) console.log(arr2) //arr2:[1, 2, 3, 4, 12, 21, 34]

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

轉(zhuǎn)自:csdn 免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計m.gyxygd.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.gyxygd.cn

存檔

主站蜘蛛池模板: 国产精品亚洲片在线不卡 | 天堂资源8中文最新版在线 日本一级黄色大片 | 九九热亚洲精品综合视频 | 男女啪啪小视频 | 欧美成人另类 | 亚州一级毛片 | 欧美日韩一区在线播放 | 99re热精品视频国产免费 | 免费毛片网 | 午夜影院在线免费 | 日产精品久久久久久久蜜臀 | 91久久综合 | 一个人看的www片高清小说 | 亚洲一区日韩精品 | 轻点好疼好大好爽视频 | 成人免费动作大片黄在线 | 超碰国产在线 | 五月综合视频 | 亚洲精品国产福利片 | 精品小视频 | 四虎影视精品 | 在线看91| 欧美伦理三级在线播放影院 | 天天干天天透 | 国产精品免费观在线 | 三级国产精品 | 欧美午夜精品久久久久免费视 | 欧美老妇人v片 | 午夜羞羞 | 国产日产欧美一区二区三区 | 日韩操| 一区二区在线视频 | 欧美喷水 | 狠狠色噜噜狠狠狠狠色综合网 | 最新国产精品久久精品 | 欧美精品在线视频 | 亚洲精品亚洲人成在线播放 | 午夜国产 | 日本大片免a费观看在线 | 亚洲国产成人99精品激情在线 | 欧美视频一区二区三区 |