摘要:提供了新的數(shù)據(jù)結(jié)構(gòu)。它類似于數(shù)組,但是成員的值都是唯一的,沒有重復(fù)的值。思路為對象里沒有數(shù)組元素的屬性,就在對象里添加數(shù)組元素的屬性,并賦值為,然后在過濾。方法可返回某個指定的元素在數(shù)組中首次出現(xiàn)的位置。
1、es6 set
ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) Set。它類似于數(shù)組,但是成員的值都是唯一的,沒有重復(fù)的值。
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=> [...new Set(arr)]; unique(arr);//[1, 2, 3, 4, 6, 7]2、es6 map
思路為map對象里沒有數(shù)組元素的屬性,就在map對象里添加數(shù)組元素的屬性,并賦值為1,然后在過濾。
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=> { let seen = new Map(); return arr.filter((item) => { return !seen.has(item) && seen.set(item,1); }); }; unique(arr);3、for 雙重循環(huán)
通過判斷第二層循環(huán),去重的數(shù)組中是否含有該元素,如果有就退出第二層循環(huán),如果沒有j==result.length就相等,然后把對應(yīng)的元素添加到最后的數(shù)組里面。
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let result = []; for(var i = 0 ; i < arr.length; i++) { for(var j = 0 ; j < result.length ; j++) { if( arr[i] === result[j]){ break; }; }; if(j == result.length){ result.push(arr[i]); }; }; console.log(result);4、indexOf
indexOf() 方法可返回某個指定的元素在數(shù)組中首次出現(xiàn)的位置。如果沒有就返回-1。
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr) => { let result = []; for( var i = 0 ; i < arr.length ; i++){ if(result.indexOf(arr[i]) == -1){ result.push(arr[i]) } }; return result; }; unique(arr);5、indexOf filter
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr) => { return arr.filter((item,index) => { return arr.indexOf(item) === index; }) }; unique(arr);6、排序后去重
先數(shù)組排序,然后判斷是否是第一個元素并且前一個元素是否和后一個元素相同,不同就加進(jìn)新數(shù)組
let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr) => { let arrNew = arr.sort((a,b)=>a-b); let seen,result = []; for(var i = 0 ; i < arrNew.length ;i++){ if(!seen || seen != arrNew[i]){ result.push(arrNew[i]); }; seen = arrNew[i] }; return result; }; unique(arr);
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/104248.html
摘要:數(shù)組去重,一般會在面試的時候才會碰到,要求手寫數(shù)組去重方法的代碼。在實際項目中碰到的數(shù)組去重,一般都是后臺去處理,很少讓前端處理數(shù)組去重。數(shù)組去重的方法一利用去重中最常用如果不考慮兼容性,這種去重的方法代碼最少。 數(shù)組去重,一般會在面試的時候才會碰到,要求手寫數(shù)組去重方法的代碼。如果是被提問到,數(shù)組去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。 在實際項目中碰到的...
摘要:注方法可以返回某個指定字符串在字符串中首次出現(xiàn)的位置比如首次出現(xiàn)的位置是數(shù)組中的第一個,即下標(biāo)為遍歷數(shù)組使用標(biāo)識符去重聲明一個變量標(biāo)識排序后遍歷過濾數(shù)組思路先給數(shù)組排序,這樣相同的項總是相鄰。 假設(shè)我們有數(shù)組arr,并且聲明新數(shù)組hash用來存放去重后的元素: var arr = [23,44,5,2,23,5,1,7,8,7]; //包含重復(fù)元素 var hash= [];...
摘要:階段該階段主要通過循環(huán)遍歷數(shù)組從而達(dá)到去重的目的多次循環(huán)去掉重復(fù)元素以下所有方法默認(rèn)都那拿該數(shù)組進(jìn)行測試結(jié)果如下圖可見除了沒有去掉,其他效果都還挺好。 數(shù)組去重經(jīng)常被人拿來說事,雖然在工作中不常用,但他能夠很好的考察js基礎(chǔ)知識掌握的深度和廣度,下面從js的不同階段總結(jié)一下去重的方法。 ES3階段 該階段主要通過循環(huán)遍歷數(shù)組從而達(dá)到去重的目的 多次循環(huán)去掉重復(fù)元素 // 以下所有方法默...
摘要:數(shù)組去重看了網(wǎng)上很多數(shù)組去重方法,用的比較常見的大概就幾種,今天想自己來做一個總結(jié)。還有就是方法返回的數(shù)組也是排序后的數(shù)組,某些情況下可能不符合要求。 JS數(shù)組去重 看了網(wǎng)上很多數(shù)組去重方法,用的比較常見的大概就幾種,今天想自己來做一個總結(jié)。部分內(nèi)容參考該博客 1 . 在原數(shù)組上操作(基本方法) 思路:利用循環(huán)嵌套,判斷數(shù)組中每個元素與其后面的元素是否相等,如果相等,就使用spli...
閱讀 1915·2021-11-25 09:43
閱讀 1421·2021-11-22 15:08
閱讀 3870·2021-11-22 09:34
閱讀 3291·2021-09-04 16:40
閱讀 3410·2021-09-04 16:40
閱讀 606·2019-08-30 15:54
閱讀 1397·2019-08-29 17:19
閱讀 1819·2019-08-28 18:13