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