JavaScript常用數(shù)組算法小結(jié)
今天抽點(diǎn)時(shí)間把javascript中的一些常用的數(shù)組算法做一下總結(jié),以方便大家面試筆試或者日常開(kāi)發(fā)過(guò)程中用到。其中部分算法來(lái)自網(wǎng)絡(luò),這里做了下匯總整理。文章末尾我會(huì)把參考的來(lái)源附上去,如果直接看算法比較枯燥的可以到參考文獻(xiàn)里去看,講解的非常不錯(cuò)。
一、數(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表,可能會(huì)出現(xiàn)字符串和數(shù)字一樣的話出錯(cuò),如var a = [1, 2, 3, 4, '3', 5],會(huì)返回[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。會(huì)出現(xiàn)與方法2一樣的問(wèn)題,如果數(shù)組中存在1,1,'1'這樣的情況,則會(huì)排錯(cuò)
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:
//最簡(jiǎn)單但是效率最低的算法,也不會(huì)出現(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)友@真愛(ài)像深藍(lán) var unique = function (arr, newArr) { var num; if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num); arr.length && unique(arr, newArr); }
二、數(shù)組順序擾亂
方法1:
//每次隨機(jī)抽一個(gè)數(shù)并移動(dòng)到新數(shù)組中 function shuffle(array) { var copy = [], n = array.length, i; // 如果還剩有元素則繼續(xù)。。。 while (n) { // 隨機(jī)抽取一個(gè)元素 i = Math.floor(Math.random() * array.length); // 如果這個(gè)元素之前沒(méi)有被選中過(guò)。。 if (i in array) { copy.push(array[i]); delete array[i]; n--; } } return copy; };
方法2:
//跟方法1類(lèi)似,只不過(guò)通過(guò)splice來(lái)去掉原數(shù)組已選項(xiàng) function shuffle(array) { var copy = [], n = array.length, i; // 如果還剩有元素。。 while (n) { // 隨機(jī)選取一個(gè)元素 i = Math.floor(Math.random() * n--); // 移動(dòng)到新數(shù)組中 copy.push(array.splice(i, 1)[0]); } return copy; }
方法3:
//前面隨機(jī)抽數(shù)依次跟末尾的數(shù)交換,后面依次前移,即:第一次前n個(gè)數(shù)隨機(jī)抽一個(gè)跟第n個(gè)交換,第二次前n-1個(gè)數(shù)跟第n-1個(gè)交換,依次類(lèi)推。 function shuffle(array) { var m = array.length, t, i; // 如果還剩有元素… while (m) { // 隨機(jī)選取一個(gè)元素… i = Math.floor(Math.random() * m--); // 與當(dāng)前元素進(jìn)行交換 t = array[m]; array[m] = array[i]; array[i] = t; } return array; }
三、數(shù)組判斷
方法1:
//自帶的isArray方法 var array6 = []; Array.isArray(array6 );//true
方法2:
//利用instanceof運(yùn)算符 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 });
五、數(shù)組求并集
方法1:
//方法原理:連接兩個(gè)數(shù)組并去重 function arrayUnique(array) { var a = array.concat(array2); for(var i=0; i<a.length; ++i) { for(var j=i+1; j<a.length; ++j) { if(a[i] === a[j]) a.splice(j--, 1); } } return a; };
六、數(shù)組求差集
方法1:
//利用filter和indexOf方法 Array.prototype.diff = function(a) { return this.filter(function(i) { return a.indexOf(i) < 0; }); };
上面的方法1只能求出一個(gè)數(shù)組相對(duì)另一個(gè)數(shù)組的差集,比如array1.diff(array2),只能求出array1相對(duì)array2的差集,如果希望將兩個(gè)數(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 );
暫時(shí)匯總了這點(diǎn)兒,有待后續(xù)補(bǔ)充。歡迎大家補(bǔ)充,如有問(wèn)題,敬請(qǐng)留言,共同探討和進(jìn)步,^_^
相關(guān)文章
JavaScript 數(shù)組- Array的方法總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript 數(shù)組- Array的方法總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07編寫(xiě)跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫(xiě)法]
下面比較了幾種瀏覽器之間的差異,在寫(xiě)javascript代碼時(shí) 要時(shí)刻注意這些差異2008-10-10一分鐘學(xué)會(huì)JavaScript中的try-catch
這篇文章主要給大家介紹了關(guān)于如何通過(guò)一分鐘學(xué)會(huì)JavaScript中try-catch的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取
小測(cè)試shift、ctrl、alt按鍵的獲取,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04實(shí)例講解使用原生JavaScript處理AJAX請(qǐng)求的方法
這篇文章主要介紹了實(shí)例講解使用原生JavaScript處理AJAX請(qǐng)求的方法,這樣就算是利用原生API而脫離了jQuery中的Ajax方法,需要的朋友可以參考下2016-05-05