javascript常用數組算法總結


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 };

  暫時匯總了這點兒,有待后續補充。歡迎大家補充。

 

  參考:

    高效率去掉js數組中重復項

    js數組去重

    由亂序播放說開了去-數組的打亂算法Fisher–Yates Shuffle

    How to randomize (shuffle) a JavaScript array?  

    Simplest code for array intersection in javascript

 

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM