成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js數(shù)組去重方法總結(jié)

snowLu / 2560人閱讀

摘要：注方法可以返回某個(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= [];      //聲明新數(shù)組

以下是數(shù)組去重常見的幾個(gè)方法

1.遍歷數(shù)組使用indexOf去重 
思路：新數(shù)組中若該項(xiàng)的下標(biāo)為-1，則表示新數(shù)組中沒(méi)有找到，就可以將該項(xiàng)放入新數(shù)組中。
arr.forEach(item=>{
    if(hash.indexOf(item) == "-1"){
        hash.push(item);
    }    
})
console.log(hash);    //[23, 44, 5, 2, 1, 7, 8]
2.遍歷數(shù)組使用indexOf去重 
思路：若該項(xiàng)的下標(biāo)和該項(xiàng)在數(shù)組的下標(biāo)相同，則放入新數(shù)組。不是則過(guò)濾掉。
注：【indexOf()方法可以返回某個(gè)指定字符串在字符串中首次出現(xiàn)的位置】

比如：console.log(arr.indexOf(23)); ??? //0
"23" 首次出現(xiàn)的位置是數(shù)組中的第一個(gè)，即下標(biāo)為0

arr.forEach((item,index)=>{
    if(arr.indexOf(item) == index){
        hash.push(item);
    }
})
3.遍歷數(shù)組使用標(biāo)識(shí)符去重 
var obj = {};    //聲明一個(gè)變量標(biāo)識(shí)
arr.forEach(item=>{
    if(!obj[item]){   
        obj[item] = true;
        hash.push(item)
    }
})
4.sort排序后遍歷過(guò)濾數(shù)組 
思路：先給數(shù)組排序，這樣相同的項(xiàng)總是相鄰。然后遍歷數(shù)組和前一個(gè)對(duì)比，不相等就放入新數(shù)組中。（只針對(duì)排序后的）
var hash = [arr[0]];
arr.forEach((item,index)=>{
    if(item != hash[hash.length-1]){
        hash.push(item)
    }
})
5.ES6實(shí)現(xiàn) 
思路：ES6提供了新的數(shù)組結(jié)構(gòu)Set。類似于數(shù)組，但是成員的值都是唯一的。
使用擴(kuò)展運(yùn)算符[...]和Set結(jié)構(gòu)相結(jié)合，可以去掉數(shù)組中重復(fù)的元素。
注：[...]擴(kuò)展運(yùn)算符內(nèi)部使用for..of循環(huán)。
Set函數(shù)接收一個(gè)數(shù)組（或者類數(shù)組的對(duì)象）作為參數(shù)，用來(lái)初始化。

var hash = new Set(arr);
var newArr = [...hash]; 
console.log(newArr);    //[23, 44, 5, 2, 1, 7, 8]

或者

var newArr = Array.from(hash);
【Array.from它的作用，就是可以把類數(shù)組對(duì)象、可迭代對(duì)象轉(zhuǎn)化為數(shù)組】

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/101355.html

相關(guān)文章

  • JS數(shù)組去重總結(jié)

    摘要：數(shù)組去重，一般會(huì)在面試的時(shí)候才會(huì)碰到，要求手寫數(shù)組去重方法的代碼。在實(shí)際項(xiàng)目中碰到的數(shù)組去重，一般都是后臺(tái)去處理，很少讓前端處理數(shù)組去重。數(shù)組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。 數(shù)組去重，一般會(huì)在面試的時(shí)候才會(huì)碰到，要求手寫數(shù)組去重方法的代碼。如果是被提問(wèn)到，數(shù)組去重的方法有哪些？你能答出其中的10種，面試官很有可能對(duì)你刮目相看。 在實(shí)際項(xiàng)目中碰到的...

    whinc 評(píng)論0 收藏0

  • JS數(shù)組去重方法小結(jié)

    摘要：數(shù)組去重看了網(wǎng)上很多數(shù)組去重方法，用的比較常見的大概就幾種，今天想自己來(lái)做一個(gè)總結(jié)。還有就是方法返回的數(shù)組也是排序后的數(shù)組，某些情況下可能不符合要求。 JS數(shù)組去重 看了網(wǎng)上很多數(shù)組去重方法，用的比較常見的大概就幾種，今天想自己來(lái)做一個(gè)總結(jié)。部分內(nèi)容參考該博客 1 . 在原數(shù)組上操作（基本方法） 思路：利用循環(huán)嵌套，判斷數(shù)組中每個(gè)元素與其后面的元素是否相等，如果相等，就使用spli...

    PascalXie 評(píng)論0 收藏0

  • js數(shù)組去重方法分析與總結(jié)

    摘要：階段該階段主要通過(guò)循環(huán)遍歷數(shù)組從而達(dá)到去重的目的多次循環(huán)去掉重復(fù)元素以下所有方法默認(rèn)都那拿該數(shù)組進(jìn)行測(cè)試結(jié)果如下圖可見除了沒(méi)有去掉，其他效果都還挺好。 數(shù)組去重經(jīng)常被人拿來(lái)說(shuō)事，雖然在工作中不常用，但他能夠很好的考察js基礎(chǔ)知識(shí)掌握的深度和廣度，下面從js的不同階段總結(jié)一下去重的方法。 ES3階段 該階段主要通過(guò)循環(huán)遍歷數(shù)組從而達(dá)到去重的目的 多次循環(huán)去掉重復(fù)元素 // 以下所有方法默...

    nevermind 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<