javascript常用數組算法總結
不管是在面試中還是在筆試中,我們都會被經常問到關於javascript數組的一些算法,比方說數組去重、數組求交集、數組擾亂等等。今天抽點時間把javascript中的一些常用的數組算法做一下總結,以方便大家面試筆試或者日常開發過程中用到。其中部分算法來自網絡,這里做了下匯總整理。文章末尾我會把參考的來源附上去,如果直接看算法比較枯燥的可以到參考文獻里去看,講解的非常不錯。
1、數組去重
方法1:
1 //利用數組的indexOf方法 2 function unique (arr) { 3 var result = []; 4 for (var i = 0; i < arr.length; i++) 5 { 6 if (result.indexOf(arr[i]) == -1) result.push(arr[i]); 7 } 8 return result; 9 }
方法2:
1 //利用hash表,可能會出現字符串和數字一樣的話出錯,如var a = [1, 2, 3, 4, '3', 5],會返回[1, 2, 3, 4, 5] 2 function unique (arr) 3 { 4 var hash = {},result = []; 5 for(var i = 0; i < arr.length; i++) 6 { 7 if (!hash[arr[i]]) 8 { 9 hash[arr[i]] = true; 10 result.push(arr[i]); 11 } 12 } 13 return result; 14 }
方法3:
1 //排序后比較相鄰,如果一樣則放棄,否則加入到result。會出現與方法2一樣的問題,如果數組中存在1,1,'1'這樣的情況,則會排錯 2 function unique (arr) { 3 arr.sort(); 4 var result=[arr[0]]; 5 for(var i = 1; i < arr.length; i++){ 6 if( arr[i] !== arr[i-1]) { 7 result.push(arr[i]); 8 } 9 } 10 return result; 11 }
方法4:
1 //最簡單但是效率最低的算法,也不會出現方法2和方法3出現的bug 2 function unique (arr) { 3 if(arr.length == 0) return; 4 var result = [arr[0]], isRepeate; 5 for( var i = 0, j = arr.length; i < j; i++ ){ 6 isRepeate = false; 7 for( var k = 0, h = result.length; k < h; k++){ 8 if(result[k] === arr[i]){ 9 isRepeate = true; 10 break; 11 } 12 if(k == h) break; 13 } 14 if( !isRepeate ) result.push(arr[i]); 15 } 16 return result; 17 }
方法5:
1 //此方法充分利用了遞歸和indexOf方法,感謝網友@真愛像深藍 2 var unique = function (arr, newArr) { 3 var num; 4 5 if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num); 6 7 arr.length && unique(arr, newArr); 8 }
2、數組順序擾亂
方法1:
1 //每次隨機抽一個數並移動到新數組中 2 function shuffle(array) { 3 var copy = [], 4 n = array.length, 5 i; 6 // 如果還剩有元素則繼續。。。 7 while (n) { 8 // 隨機抽取一個元素 9 i = Math.floor(Math.random() * array.length); 10 // 如果這個元素之前沒有被選中過。。 11 if (i in array) { 12 copy.push(array[i]); 13 delete array[i]; 14 n--; 15 } 16 }
方法2:
1 //跟方法1類似,只不過通過splice來去掉原數組已選項 2 function shuffle(array) { 3 var copy = [], 4 n = array.length, 5 i; 6 // 如果還剩有元素。。 7 while (n) { 8 // 隨機選取一個元素 9 i = Math.floor(Math.random() * n--); 10 // 移動到新數組中 11 copy.push(array.splice(i, 1)[0]); 12 } 13 return copy; 14 }
方法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; }
3、數組判斷
方法1:
1 //自帶的isArray方法 2 var array6 = []; 3 Array.isArray(array6 );//true
方法2:
1 //利用instanceof運算符 2 var array5 = []; 3 array5 instanceof Array;//true
方法3:
1 //利用toString的返回值 2 function isArray(o) { 3 return Object.prototype.toString.call(o) === ‘[object Array]‘; 4 }
4、數組求交集
方法1:
1 //利用filter和數組自帶的indexOf方法 2 array1.filter(function(n) { 3 return array2.indexOf(n) != -1 4 });
5、數組求並集
方法1:
1 //方法原理:連接兩個數組並去重 2 function arrayUnique(array) { 3 var a = array.concat(); 4 for(var i=0; i<a.length; ++i) { 5 for(var j=i+1; j<a.length; ++j) { 6 if(a[i] === a[j]) 7 a.splice(j--, 1); 8 } 9 } 10 11 return a; 12 };
6、數組求差集
方法1:
1 //利用filter和indexOf方法 2 Array.prototype.diff = function(a) { 3 return this.filter(function(i) {return a.indexOf(i) < 0;}); 4 };
暫時匯總了這點兒,有待后續補充。歡迎大家補充。
參考:
由亂序播放說開了去-數組的打亂算法Fisher–Yates Shuffle
How to randomize (shuffle) a JavaScript array?
Simplest code for array intersection in javascript