99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

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

2021-9-27    前端達(dá)人

數(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中一個(gè)元素 for(var j=i+1;j<arr.length;j++){ //第二層:每次拿到的元素再和每次拿到的元素后邊的元素依次進(jìn)行比對(duì)(因?yàn)榈谝粋€(gè)要從第二個(gè)開始比,第二個(gè)要從第三個(gè)比以此類推,所以這里的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 利用對(duì)象屬性不能重復(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í)行兩次按位取反,其實(shí)就是保持原值,但是注意雖然是原值,但是對(duì)布爾型變量執(zhí)行這個(gè)操作,會(huì)轉(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ù)組中找元素的時(shí)候,碰到符合條件的第一個(gè)就會(huì)把它的下標(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)的第一個(gè)下標(biāo)位置(indexOf返回的位置),和每次循環(huán)的元素的下標(biāo)(filter循環(huán)每次的i)是否一致,一致就說明他就是第一個(gè)符合條件,不會(huì)被過濾掉。 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]

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔

亚洲女初尝黑人巨高清在线观看| 麻豆系列国产剧在线观看| 日韩字幕在线| 精品久久久久久综合网| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产成人女人在线视频观看 | 999久久久免费精品国产牛牛| 999久久狠狠免费精品| 国产麻豆精品免费密入口| 你懂的福利视频| 欧美1卡一卡二卡三新区| 亚飞与亚基在线观看| 国产网站麻豆精品视频| 欧美国产日韩久久久| 四虎久久影院| 精品视频在线观看一区二区| 日韩免费片| 在线观看成人网 | 国产不卡在线观看视频| 91麻豆精品国产片在线观看| 午夜家庭影院| 日本在线不卡视频| 99久久网站| 精品视频在线看| 精品国产一区二区三区久久久蜜臀| 国产成人啪精品| 天天做人人爱夜夜爽2020毛片| 精品国产香蕉伊思人在线又爽又黄| 青青青草影院 | 久久久久久久久综合影视网| 国产精品自拍在线| 欧美日本韩国| 黄视频网站在线看| 久久99这里只有精品国产| 精品视频免费看| 国产国语对白一级毛片| 台湾毛片| 亚洲 欧美 91| 成人a级高清视频在线观看| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产美女在线观看| 精品在线观看国产| 二级片在线观看| 欧美国产日韩久久久| 国产精品123| 毛片电影网| 色综合久久天天综线观看| 国产成人女人在线视频观看 | 欧美激情在线精品video| 精品国产亚洲人成在线| a级毛片免费观看网站| 久久精品店| 精品视频在线看| 精品美女| 国产91精品露脸国语对白| 免费毛片基地| 美女免费毛片| 久久精品大片| 精品久久久久久综合网| 欧美爱色| 精品国产三级a| 亚洲天堂一区二区三区四区| 免费一级生活片| 一级毛片视频在线观看| 色综合久久天天综合| 国产91丝袜在线播放0| 欧美激情一区二区三区中文字幕| 国产原创中文字幕| 四虎影视久久久| 中文字幕Aⅴ资源网| 91麻豆精品国产自产在线观看一区| 精品国产亚洲一区二区三区| 国产一区二区高清视频| 麻豆系列 在线视频| 麻豆网站在线免费观看| 亚久久伊人精品青青草原2020| 香蕉视频久久| 国产91精品露脸国语对白| 麻豆系列 在线视频| 欧美日本韩国| 99久久网站| 99久久精品国产高清一区二区 | 久久久久久久久综合影视网| 国产精品自拍在线| 精品久久久久久影院免费| 青青久久国产成人免费网站| 亚欧乱色一区二区三区| 国产a网| 国产不卡在线看| 一级女性大黄生活片免费| 亚洲第一色在线| 日韩字幕在线| 韩国毛片免费大片| 欧美激情一区二区三区在线| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 天天做人人爱夜夜爽2020毛片| 久久国产一久久高清| 黄视频网站免费| 欧美1卡一卡二卡三新区| 亚洲精品影院久久久久久| 四虎影视久久久| 成人高清视频免费观看| 黄色福利| 国产一区二区精品久| 麻豆系列 在线视频| 欧美电影免费看大全| 九九久久国产精品| 成人免费观看的视频黄页| 高清一级片| 欧美一级视| 美女免费精品高清毛片在线视| 久草免费资源| 精品在线免费播放| 成人免费观看的视频黄页| 台湾毛片| 四虎精品在线观看| 国产高清视频免费观看| 九九九在线视频| 午夜激情视频在线观看| 国产网站免费在线观看| 美国一区二区三区| 国产国产人免费视频成69堂| 日本特黄特色aa大片免费| 天天色成人| 成人免费观看视频| 国产一区二区精品在线观看| a级黄色毛片免费播放视频| 国产视频久久久| 久久精品欧美一区二区| 国产麻豆精品免费密入口| 一本伊大人香蕉高清在线观看| 欧美激情一区二区三区视频 | 青青久在线视频| 天天做人人爱夜夜爽2020| 亚洲天堂一区二区三区四区| 美女免费黄网站| 欧美激情一区二区三区视频高清| 久久国产精品自由自在| 日韩欧美一及在线播放| 国产91精品露脸国语对白| 亚洲第一页乱| 国产一区二区精品在线观看| 你懂的在线观看视频| 一级女性全黄生活片免费| 免费的黄视频| 午夜在线观看视频免费 成人| 久久国产精品只做精品| 国产一区免费观看| 日本特黄特黄aaaaa大片| 成人影院一区二区三区| 日本在线www| 亚洲女人国产香蕉久久精品| 麻豆系列 在线视频| 国产不卡在线看| 香蕉视频三级| 精品国产一区二区三区国产馆| 成人免费观看的视频黄页| 免费国产在线观看| 亚洲精品影院| 天天色色色| 色综合久久天天综合| 尤物视频网站在线| 成人免费网站视频ww| 精品国产香蕉在线播出| 午夜欧美福利| 国产精品免费久久| 青青青草视频在线观看| 日韩中文字幕在线观看视频| 国产亚洲免费观看| 国产福利免费视频| 韩国毛片免费大片| 国产网站在线| 精品久久久久久中文| 成人av在线播放| 国产亚洲免费观看| 成人影院一区二区三区| 久久久成人网| 日韩专区亚洲综合久久| 国产激情一区二区三区| 99久久网站| 日韩在线观看视频网站| 国产视频一区二区三区四区| 亚洲精品中文字幕久久久久久| 国产91精品一区| 日韩在线观看免费完整版视频| 韩国三级香港三级日本三级la| 欧美电影免费| 日韩一级黄色片| 麻豆系列 在线视频| 你懂的福利视频| 免费一级片网站| 日本特黄特黄aaaaa大片| 欧美日本免费| 999精品在线| 午夜激情视频在线观看| 精品视频一区二区| 日日日夜夜操| 天天做日日干| 亚洲www美色| 日韩专区在线播放|