摘要:原文地址不管是在面試中還是在筆試中,我們都會被經常問到關于數組的一些算法,比方說數組去重數組求交集數組擾亂等等。今天抽點時間把中的一些常用的數組算法做一下總結,以方便大家面試筆試或者日常開發過程中用到。
原文地址:http://www.cnblogs.com/front-...
不管是在面試中還是在筆試中,我們都會被經常問到關于javascript數組的一些算法,比方說數組去重、數組求交集、數組擾亂等等。
今天抽點時間把javascript中的一些常用的數組算法做一下總結,以方便大家面試筆試或者日常開發過程中用到。其中部分算法來自網絡,這里做了下匯總整理。文章末尾我會把參考的來源附上去,如果直接看算法比較枯燥的可以到參考文獻里去看,講解的非常不錯。
一、數組去重
方法1:
//利用數組的indexOf方法 function unique (arr) { var result = []; for (var i = 0; i < arr.length; i++) { if (result.indexOf(arr[i]) == -1) result.push(arr[i]); } return result; }
方法2:
//利用hash表,可能會出現字符串和數字一樣的話出錯,如var a = [1, 2, 3, 4, "3", 5],會返回[1, 2, 3, 4, 5] function unique (arr){ var hash = {},result = []; for(var i = 0; i < arr.length; i++) { if (!hash[arr[i]]) { hash[arr[i]] = true; result.push(arr[i]); } } return result; }
方法3:
//排序后比較相鄰,如果一樣則放棄,否則加入到result。會出現與方法2一樣的問題,如果數組中存在1,1,"1"這樣的情況,則會排錯 function unique (arr) { arr.sort(); var result=[arr[0]]; for(var i = 1; i < arr.length; i++){ if( arr[i] !== arr[i-1]) { result.push(arr[i]); } } return result; }
方法4:
//最簡單但是效率最低的算法,也不會出現方法2和方法3出現的bug function unique (arr) { if(arr.length == 0) return; var result = [arr[0]], isRepeate; for( var i = 0, j = arr.length; i < j; i++ ){ isRepeate = false; for( var k = 0, h = result.length; k < h; k++){ if(result[k] === arr[i]){ isRepeate = true; break; } if(k == h) break; } if( !isRepeate ) result.push(arr[i]); } return result; }
方法5:
//此方法充分利用了遞歸和indexOf方法,感謝網友@真愛像深藍 var unique = function (arr, newArr) { var num; if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num); arr.length && unique(arr, newArr); }
二、數組順序擾亂
方法1:
//每次隨機抽一個數并移動到新數組中 function shuffle(array) { var copy = [], n = array.length, i; // 如果還剩有元素則繼續。。。 while (n) { // 隨機抽取一個元素 i = Math.floor(Math.random() * array.length); // 如果這個元素之前沒有被選中過。。 if (i in array) { copy.push(array[i]); delete array[i]; n--; } } return copy; };
方法2:
//跟方法1類似,只不過通過splice來去掉原數組已選項 function shuffle(array) { var copy = [], n = array.length, i; // 如果還剩有元素。。 while (n) { // 隨機選取一個元素 i = Math.floor(Math.random() * n--); // 移動到新數組中 copy.push(array.splice(i, 1)[0]); } return copy; }
方法3:
//前面隨機抽數依次跟末尾的數交換,后面依次前移,即:第一次前n個數隨機抽一個跟第n個交換,第二次前n-1個數跟第n-1個交換,依次類推。
function shuffle(array) {var m = array.length, t, i; // 如果還剩有元素… while (m) { // 隨機選取一個元素… i = Math.floor(Math.random() * m--); // 與當前元素進行交換 t = array[m]; array[m] = array[i]; array[i] = t; } return array; }
三、數組判斷
方法1:
//自帶的isArray方法 var array6 = []; Array.isArray(array6 );//true
方法2:
//利用instanceof運算符 var array5 = []; array5 instanceof Array;//true
方法3:
//利用toString的返回值 function isArray(o) { return Object.prototype.toString.call(o) === "[object Array]"; }
四、數組求交集
方法1:
//利用filter和數組自帶的indexOf方法 array1.filter(function(n) { return array2.indexOf(n) != -1 });
感謝 assassin_cike 指出的問題 -> 求交集的話如果兩個數組的元素是對象的話,并且不是同一個引用,indexOf()就沒用了,經試驗,確實如此,對象或子數組都會出現此現象
五、數組求并集
方法1:
//方法原理:連接兩個數組并去重 function arrayUnique(array) { var a = array.concat(array2); for(var i=0; i六、數組求差集
方法1:
//利用filter和indexOf方法 Array.prototype.diff = function(a) { return this.filter(function(i) { return a.indexOf(i) < 0; }); };上面的方法1只能求出一個數組相對另一個數組的差集,比如array1.diff(array2),只能求出array1相對array2的差集,如果希望將兩個數組不同的值都獲取到,可以array1.diff(array2).concat(array2.diff(array1)),也可以使用方法2
方法2
var array1 = new Array(55,55,88,6,68,109,55,33,6,2,1); var array2 = [55,88,99,69,109,55,33,6,2,1]; var diffArr = array1.concat(array2); var diff = diffArr.filter(function(i) { return array1.indexOf(i) < 0||array2.indexOf(i) < 0; }); console.log( diff );暫時匯總了這點兒,有待后續補充。歡迎大家補充,如有問題,敬請留言,共同探討和進步,^_^
參考
高效率去掉js數組中重復項
網址:http://www.cnblogs.com/sosoft...js數組去重
網址:http://www.cnblogs.com/sosoft...由亂序播放說開了去-數組的打亂算法Fisher–Yates Shuffle
網址:http://www.cnblogs.com/Wayou/...How to randomize (shuffle) a JavaScript array?
網址:http://stackoverflow.com/ques...Simplest code for array intersection in javascript
網址:http://stackoverflow.com/ques...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78649.html
摘要:哪吒社區技能樹打卡打卡貼函數式接口簡介領域優質創作者哪吒公眾號作者架構師奮斗者掃描主頁左側二維碼,加入群聊,一起學習一起進步歡迎點贊收藏留言前情提要無意間聽到領導們的談話,現在公司的現狀是碼農太多,但能獨立帶隊的人太少,簡而言之,不缺干 ? 哪吒社區Java技能樹打卡?【打卡貼 day2...
摘要:忍者級別的函數操作對于什么是匿名函數,這里就不做過多介紹了。我們需要知道的是,對于而言,匿名函數是一個很重要且具有邏輯性的特性。通常,匿名函數的使用情況是創建一個供以后使用的函數。 JS 中的遞歸 遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加 這一次,徹底弄懂 JavaScript 執行機制 本文的目的就是要保證你徹底弄懂javascript的執行機制,如果...
摘要:讀取類路徑下的配置文件解析成對象數組并返回讀取類路徑下的文件先將字符串轉為數組將轉化為實體類為屬性賦值轉成實體對象實體對象包含屬性實體對象類型參考最佳實踐介紹教程 showImg(https://segmentfault.com/img/bVbaqQi?w=400&h=300); 前言 最近在開發過程中使用了大量的json作為前后端數據交換的方式,由于之前沒有對json做過系統的學習,...
閱讀 3640·2023-04-26 02:07
閱讀 3150·2021-09-22 15:55
閱讀 2534·2021-07-26 23:38
閱讀 3119·2019-08-29 15:16
閱讀 2008·2019-08-29 11:16
閱讀 1746·2019-08-29 11:00
閱讀 3583·2019-08-26 18:36
閱讀 3165·2019-08-26 13:32