不管是在面試中還是在筆試中，我們都會被經常問到關於javascript陣列的一些演算法，比方說陣列去重、陣列求交集、陣列擾亂等等。今天抽點時間把javascript中的一些常用的陣列演算法做一下總結，以方便大家面試筆試或者日常開發過程中用到。其中部分演算法來自網路，這裡做了下彙總整理。文章末尾我會把參考的來源附上去，如果直接看演算法比較枯燥的可以到參考文獻裡去看，講解的非常不錯。
1、陣列去重
方法1:
|
1 2 3 4 5 6 7 8 9 |
//利用陣列的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：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//利用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：
|
1 2 3 4 5 6 7 8 9 10 11 |
//排序後比較相鄰，如果一樣則放棄，否則加入到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：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
//最簡單但是效率最低的演算法,也不會出現方法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; } |
2、陣列順序擾亂
方法1：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
//每次隨機抽一個數並移動到新陣列中 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--; } } |
方法2：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//跟方法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：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
//前面隨機抽數依次跟末尾的數交換，後面依次前移，即：第一次前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 2 3 |
//自帶的isArray方法 var array6 = []; Array.isArray(array6 );//true |
方法2：
|
1 2 3 |
//利用instanceof運算子 var array5 = []; array5 instanceof Array;//true |
方法3：
|
1 2 3 4 |
//利用toString的返回值 function isArray(o) { return Object.prototype.toString.call(o) === ‘[object Array]‘; } |
4、陣列求交集
方法1：
|
1 2 3 4 |
//利用filter和陣列自帶的indexOf方法 array1.filter(function(n) { return array2.indexOf(n) != -1 }); |
5、陣列求並集
方法1：
|
1 2 3 4 5 6 7 8 9 10 11 12 |
//方法原理：連線兩個陣列並去重 function arrayUnique(array) { var a = array.concat(); 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; }; |
6、陣列求差集
方法1：
|
1 2 3 4 |
//利用filter和indexOf方法 Array.prototype.diff = function(a) { return this.filter(function(i) {return a.indexOf(i) < 0;}); }; |
暫時彙總了這點兒，有待後續補充。歡迎大家補充。
參考：
由亂序播放說開了去-陣列的打亂演算法Fisher–Yates Shuffle