js數(shù)組去重的方法匯總
三種方法
利用indexOf判斷新數(shù)組
underscore.js中實(shí)際上也是使用的類似的indexOf
//傳入數(shù)組 function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.length; i++){ //如果當(dāng)前數(shù)組的第i已經(jīng)保存進(jìn)了臨時(shí)數(shù)組,那么跳過(guò), //否則把當(dāng)前項(xiàng)push到臨時(shí)數(shù)組里面 if(tmpArr.indexOf(arr[i]) == -1){ tmpArr.push(arr[i]); } } return tmpArr; }
利用indexOf判斷舊數(shù)組
function unique2(arr){ var tmpArr = []; //結(jié)果數(shù)組 for(var i=0; i<arr.length; i++){ //如果當(dāng)前數(shù)組的第i項(xiàng)在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i, //那么表示第i項(xiàng)是重復(fù)的,忽略掉。否則存入結(jié)果數(shù)組 if(arr.indexOf(arr[i]) == i){ tmpArr.push(arr[i]); } } return tmpArr; }
利用hash查找
這里利用了JS對(duì)象的實(shí)現(xiàn)就是hash表的特性
function unique3(arr){ var tmpArr = [], hash = {};//hash為hash表 for(var i=0;i<arr.length;i++){ if(!hash[arr[i]]){//如果hash表中沒(méi)有當(dāng)前項(xiàng) hash[arr[i]] = true;//存入hash表 tmpArr.push(arr[i]);//存入臨時(shí)數(shù)組 } } return tmpArr; }
數(shù)組擴(kuò)展
Array.prototype.unique1 = function (){ var tmpArr = []; for (var i = 0; i < this.length; i++){ if (tmpArr.indexOf(this[i]) == -1){ tmpArr.push(this[i]); } } return tmpArr; } Array.prototype.unique2 = function(){ var tmpArr = []; //結(jié)果數(shù)組 for(var i = 0; i < this.length; i++){ if (this.indexOf(this[i]) == i){ tmpArr.push(this[i]); } } return tmpArr; } Array.prototype.unique3 = function(){ var tmpArr=[], hash = {}; for(var i = 0; i < this.length; i++){ if (!hash[this[i]]){ hash[this[i]] = true; tmpArr.push(this[i]); } } return tmpArr; }
使用Set
Set和Map是ES6中新增的數(shù)據(jù)結(jié)構(gòu)
Set直接可以存儲(chǔ)不重復(fù)的一組key,這個(gè)key也可以是對(duì)象,字符串等
創(chuàng)建set
var s = new Set([1, 2, 3,]); s; // Set {1, 2, 3}
新增元素
>>> s.add(4) >>> s {1, 2, 3, 4} >>> s.add(4) >>> s {1, 2, 3, 4}//重復(fù)元素不會(huì)被添加
刪除元素
s; // Set {1, 2, 3, 4} s.delete(3); s; // Set {1, 2, 4}
遍歷元素
Map和Set無(wú)法使用下標(biāo)
ES6標(biāo)準(zhǔn)引入了新的iterable類型,Array、Map和Set都屬于iterable類型
var s = new Set(['A', 'B', 'C']); for (var x of s) { // 遍歷Set alert(x); }
或者直接使用iterable內(nèi)置的forEach方法
forEach方法是ES5.1標(biāo)準(zhǔn)引入的
var s = new Set(['A', 'B', 'C']); s.forEach(function (element, set) { alert(element); });
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- js數(shù)組去重的常用方法總結(jié)
- JS實(shí)現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
- 史上最全JavaScript數(shù)組去重的十種方法(推薦)
- js實(shí)現(xiàn)數(shù)組去重、判斷數(shù)組以及對(duì)象中的內(nèi)容是否相同
- js算法中的排序、數(shù)組去重詳細(xì)概述
- JS實(shí)現(xiàn)的合并多個(gè)數(shù)組去重算法示例
- JS數(shù)組去重常用方法實(shí)例小結(jié)【4種方法】
- JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
- JavaScript數(shù)組去重的方法總結(jié)【12種方法,號(hào)稱史上最全】
- JavaScript數(shù)組去重實(shí)現(xiàn)方法小結(jié)
相關(guān)文章
微信小程序?qū)崿F(xiàn)全局狀態(tài)管理的方法整理
已知微信小程序中如果要做到全局狀態(tài)共享,常用的有四種方式,分別是globalData、本地緩存、mobx-miniprogram和westore,本文將帶大家看看mobx-miniprogram是如何實(shí)現(xiàn)的小程序的全局狀態(tài)管理,需要的可以收藏一下2023-06-06createElement動(dòng)態(tài)創(chuàng)建HTML對(duì)象腳本代碼
利用createElement動(dòng)態(tài)創(chuàng)建鏈接,div等代碼2008-11-11layui異步加載table表中某一列數(shù)據(jù)的例子
今天小編就為大家分享一篇layui異步加載table表中某一列數(shù)據(jù)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09原生JS實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10用客戶端js實(shí)現(xiàn)帶省略號(hào)的分頁(yè)
帶省略號(hào)的分頁(yè)只有在服務(wù)器端才可以實(shí)現(xiàn),下面為大家介紹的是用js實(shí)現(xiàn)的帶省略號(hào)的分頁(yè),感興趣的朋友可以參考下哈,希望對(duì)你寫(xiě)出好的分頁(yè)有所幫助2013-04-04JavaScript基礎(chǔ)教程之如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的promise
看了些promise的介紹,還是感覺(jué)不夠深入,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)教程之如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的promise的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-09-09