DIV CSS 佈局教程網

今天抽點時間把javascript中的一些常用的數組算法做一下總結，以方便大家面試筆試或者日常開發過程中用到。其中部分算法來自網絡，這裡做了下匯總整理。文章末尾我會把參考的來源附上去，如果直接看算法比較枯燥的可以到參考文獻裡去看，講解的非常不錯。

一、數組去重

方法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);
}

二、數組順序擾亂

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

三、數組判斷

方法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]'; 
   }

四、數組求交集

方法1：

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

五、數組求並集

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

六、數組求差集

方法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 );

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