js數(shù)組去重的方法匯總
三種方法
利用indexOf判斷新數(shù)組
underscore.js中實際上也是使用的類似的indexOf
//傳入數(shù)組 function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.length; i++){ //如果當前數(shù)組的第i已經(jīng)保存進了臨時數(shù)組,那么跳過, //否則把當前項push到臨時數(shù)組里面 if(tmpArr.indexOf(arr[i]) == -1){ tmpArr.push(arr[i]); } } return tmpArr; }
利用indexOf判斷舊數(shù)組
function unique2(arr){ var tmpArr = []; //結果數(shù)組 for(var i=0; i<arr.length; i++){ //如果當前數(shù)組的第i項在當前數(shù)組中第一次出現(xiàn)的位置不是i, //那么表示第i項是重復的,忽略掉。否則存入結果數(shù)組 if(arr.indexOf(arr[i]) == i){ tmpArr.push(arr[i]); } } return tmpArr; }
利用hash查找
這里利用了JS對象的實現(xiàn)就是hash表的特性
function unique3(arr){ var tmpArr = [], hash = {};//hash為hash表 for(var i=0;i<arr.length;i++){ if(!hash[arr[i]]){//如果hash表中沒有當前項 hash[arr[i]] = true;//存入hash表 tmpArr.push(arr[i]);//存入臨時數(shù)組 } } return tmpArr; }
數(shù)組擴展
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 = []; //結果數(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ù)結構
Set直接可以存儲不重復的一組key,這個key也可以是對象,字符串等
創(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}//重復元素不會被添加
刪除元素
s; // Set {1, 2, 3, 4} s.delete(3); s; // Set {1, 2, 4}
遍歷元素
Map和Set無法使用下標
ES6標準引入了新的iterable類型,Array、Map和Set都屬于iterable類型
var s = new Set(['A', 'B', 'C']); for (var x of s) { // 遍歷Set alert(x); }
或者直接使用iterable內置的forEach方法
forEach方法是ES5.1標準引入的
var s = new Set(['A', 'B', 'C']); s.forEach(function (element, set) { alert(element); });
以上所述就是本文的全部內容了,希望大家能夠喜歡。
相關文章
createElement動態(tài)創(chuàng)建HTML對象腳本代碼
利用createElement動態(tài)創(chuàng)建鏈接,div等代碼2008-11-11layui異步加載table表中某一列數(shù)據(jù)的例子
今天小編就為大家分享一篇layui異步加載table表中某一列數(shù)據(jù)的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09原生JS實現(xiàn)圖片無縫滾動方法(附帶封裝的運動框架)
下面小編就為大家?guī)硪黄鶭S實現(xiàn)圖片無縫滾動方法(附帶封裝的運動框架)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10JavaScript基礎教程之如何實現(xiàn)一個簡單的promise
看了些promise的介紹,還是感覺不夠深入,所以下面這篇文章主要給大家介紹了關于JavaScript基礎教程之如何實現(xiàn)一個簡單的promise的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2018-09-09