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