JavaScript常用數(shù)組算法小結(jié)
更新時間：2016年02月13日 09:54:40 投稿：hebedich
在開發(fā)項目的過程中，我們經(jīng)常會需要關于javascript數(shù)組的一些算法，比方說數(shù)組去重、數(shù)組求交集、數(shù)組擾亂等等。今天就把個人的匯總整理的算法分享給大家。
今天抽點時間把javascript中的一些常用的數(shù)組算法做一下總結(jié)，以方便大家面試筆試或者日常開發(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 });
五、數(shù)組求并集
方法1：
//方法原理：連接兩個數(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只能求出一個數(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ù)補充。歡迎大家補充，如有問題，敬請留言，共同探討和進步，^_^
相關文章
云開發(fā)進階uniCloud-db組件與JQL語法的轉(zhuǎn)換詳解
這篇文章主要為大家介紹了云開發(fā)進階uniCloud-db組件與JQL語法的轉(zhuǎn)換詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
原生JavaScript實現(xiàn)合并多個數(shù)組示例
這篇文章主要介紹了原生的JavaScript及jquery實現(xiàn)合并多個數(shù)組，很簡單，很實用，大家可以看看2014-09-09
至2023年最好用的兼容多瀏覽器的原生js復制函數(shù)copyText
因為后臺需要增加一些復制一些內(nèi)容非表單中內(nèi)容，那么下面這個函數(shù)就非常的好用了，其實也是利用了表單的數(shù)據(jù)權限比較容易突破，下面是具體的實現(xiàn)函數(shù)，大家可以拿走2023-05-05
這篇文章主要給大家介紹了關于原生微信小程序中封裝一個模擬select下拉框組件的相關資料,文中介紹了如何在小程序中創(chuàng)建和使用自定義組件van-select,包括組件的創(chuàng)建步驟和在頁面中的應用方法,需要的朋友可以參考下2024-11-11
下面小編就為大家?guī)硪黄獜棾稣谡謱雍蠼節(jié)L動效果【實現(xiàn)代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
最近做一個項目，需要javascript動態(tài)插入樣式，結(jié)果以前的方法失效了！查了2個小時的原因竟然是自己手賤，這個最后再說
2012-02-02 
JavaScript——DOM操作——Window.document對象詳解
下面小編就為大家?guī)硪黄狫avaScript——DOM操作——Window.document對象詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07 
本文介紹了腳本div實現(xiàn)拖放功能的兩種方法：1.原生拖放實現(xiàn)；2.jQuery UI draggable實現(xiàn)拖放。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02 
JavaScript實現(xiàn)倒計時代碼段Item1（非常實用）
現(xiàn)今團購網(wǎng)、電商網(wǎng)、門戶網(wǎng)等，常使用時間記錄重要的時刻，如時間顯示、倒計時差、限時搶購等，本文分析不同倒計時效果的計算思路及方法，掌握日期對象Date，獲取時間的方法,計算時差的方法，實現(xiàn)不同的倒時計效果
2015-11-11