快捷導(dǎo)航

JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法分析【測(cè)試可用】

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

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

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

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

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

把數(shù)組重復(fù)項(xiàng)去掉:

1 將數(shù)組轉(zhuǎn)換成一個(gè)object對(duì)象，數(shù)組的值作為object對(duì)象的 key

因?yàn)閗ey是唯一的，碰到重復(fù)的數(shù)組值的時(shí)候，object不會(huì)添加key

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

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

<script>
/*用object的特性去掉數(shù)組的重復(fù)項(xiàng)：
1 把數(shù)組轉(zhuǎn)化成oject對(duì)象，用數(shù)組的值當(dāng)作obj的key
2 把object再轉(zhuǎn)換成數(shù)組
*/
// 傳入數(shù)組 返回object對(duì)象
var toObj = function( arr ){
  obj = {};
  for(var temp in arr){
    //對(duì)arr的每一個(gè)值添加到obj的key，value都是true
    obj[arr[temp]] = true;
  }
  return obj;
};
// 傳入obj對(duì)象 返回arr數(shù)組
var toArr = function( obj ){
  var arr = [];
  for(var temp in obj){
    //把所有的key push到數(shù)組當(dāng)中
    arr.push(temp);
  }
  return arr;
};
//把兩個(gè)方法聯(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代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun，運(yùn)行結(jié)果如下：