（轉）JavaScrit經常使用數組算法總結

原文地址：http://www.cnblogs.com/front-...

無論是在面試中仍是在筆試中，咱們都會被常常問到關於javascript數組的一些算法，比方說數組去重、數組求交集、數組擾亂等等。

今天抽點時間把javascript中的一些經常使用的數組算法作一下總結，以方便你們面試筆試或者平常開發過程當中用到。其中部分算法來自網絡，這裏作了下彙總整理。文章末尾我會把參考的來源附上去，若是直接看算法比較枯燥的能夠到參考文獻裏去看，講解的很是不錯。

1、數組去重
方法1:

//利用數組的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表,可能會出現字符串和數字同樣的話出錯，如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。會出現與方法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：

//最簡單可是效率最低的算法,也不會出現方法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;
}

方法5：

//此方法充分利用了遞歸和indexOf方法，感謝網友@真愛像深藍
var unique = function (arr, newArr) {
     var num;

     if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num);

     arr.length && unique(arr, newArr);
}

2、數組順序擾亂
方法1：

//每次隨機抽一個數並移動到新數組中
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--;
        }
    }
    return copy;
};

方法2：

//跟方法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：

//前面隨機抽數依次跟末尾的數交換，後面依次前移，即：第一次前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：

//自帶的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]'; 
}

4、數組求交集
方法1：

//利用filter和數組自帶的indexOf方法
array1.filter(function(n) {
return array2.indexOf(n) != -1 });

感謝 assassin_cike 指出的問題 -> 求交集的話若是兩個數組的元素是對象的話，而且不是同一個引用，indexOf()就沒用了，經試驗，確實如此，對象或子數組都會出現此現象

5、數組求並集

方法1：

//方法原理：鏈接兩個數組並去重
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;
};

6、數組求差集

方法1：

//利用filter和indexOf方法
Array.prototype.diff = function(a) {
  return this.filter(function(i) {
    return a.indexOf(i) < 0;
  });
};

上面的方法1只能求出一個數組相對另外一個數組的差集，好比array1.diff(array2)，只能求出array1相對array2的差集，若是但願將兩個數組不一樣的值都獲取到，能夠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 );

暫時彙總了這點兒，有待後續補充。歡迎你們補充，若有問題，敬請留言，共同探討和進步，^_^

參考
高效率去掉js數組中重複項
網址：http://www.cnblogs.com/sosoft...

js數組去重
網址：http://www.cnblogs.com/sosoft...

由亂序播放說開了去-數組的打亂算法Fisher–Yates Shuffle
網址：http://www.cnblogs.com/Wayou/...

How to randomize (shuffle) a JavaScript array?
網址：http://stackoverflow.com/ques...

Simplest code for array intersection in javascript
網址：http://stackoverflow.com/ques...