JavaScript去掉數(shù)組重復項的方法分析【測試可用】

更新時間：2018年07月19日 10:15:45 作者：稀里糊涂林老冷

這篇文章主要介紹了JavaScript去掉數(shù)組重復項的方法,結合實例形式分析了javascript使用object特性實現(xiàn)數(shù)組去除重復項功能的相關操作技巧,需要的朋友可以參考下

本文實例分析了JavaScript去掉數(shù)組重復項的方法。分享給大家供大家參考，具體如下：

利用JavaScript的object的特性，我們可以非常容易的實現(xiàn)將一個數(shù)組的重復項去掉。

object的特性是：key一定是唯一的。

把數(shù)組重復項去掉:

1 將數(shù)組轉換成一個object對象，數(shù)組的值作為object對象的 key

因為key是唯一的，碰到重復的數(shù)組值的時候，object不會添加key

2 將object對象轉換成數(shù)組，key為數(shù)組的值。

在之前的重復數(shù)組，每一個值實際上對應object只有一個key，這樣在還原到數(shù)組的時候，重復值就去掉了

<script>
/*用object的特性去掉數(shù)組的重復項：
1 把數(shù)組轉化成oject對象，用數(shù)組的值當作obj的key
2 把object再轉換成數(shù)組
*/
// 傳入數(shù)組 返回object對象
var toObj = function( arr ){
  obj = {};
  for(var temp in arr){
    //對arr的每一個值添加到obj的key，value都是true
    obj[arr[temp]] = true;
  }
  return obj;
};
// 傳入obj對象 返回arr數(shù)組
var toArr = function( obj ){
  var arr = [];
  for(var temp in obj){
    //把所有的key push到數(shù)組當中
    arr.push(temp);
  }
  return arr;
};
//把兩個方法聯(lián)合起來
var getUniq = function(arr){
  return toArr( toObj(arr) );
};
var arr = [1,1,2,2,3,3,4,4,5,5,5,6,6,6,6,6,6,5,4,3,54,8,11];
console.log(getUniq(arr));
</script>

使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun，運行結果如下：