快捷導(dǎo)航

JS基于開關(guān)思想實現(xiàn)的數(shù)組去重功能【案例】

更新時間：2019年02月18日 12:07:24 作者：庚中

這篇文章主要介紹了JS基于開關(guān)思想實現(xiàn)的數(shù)組去重功能,簡單分析了開關(guān)思想的原理,并結(jié)合具體實例形式分析了javascript基于開關(guān)思想實現(xiàn)數(shù)組去重相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS基于開關(guān)思想實現(xiàn)的數(shù)組去重功能。分享給大家供大家參考，具體如下：

場景: 比如給你一個數(shù)組var Arr = [ 25, 70, 60, 70, 65, 65, 80 ],最終要得到去重后的新數(shù)組[25,70,60,65,80].

思路:

1.先定義個空的新數(shù)組newArr;
2.遍歷舊數(shù)組Arr 中所有元素;
3.定義一個isZai變量表示開關(guān)，默認為false狀態(tài);
4.遍歷新數(shù)組所有元素與舊數(shù)組元素比較(Arr[ i ] == newArr[ j ]);
5.如果該元素存在于新數(shù)組中，則改變開關(guān)狀態(tài)為true;
6.根據(jù)開關(guān)狀態(tài)實現(xiàn)需求:如果開關(guān)為false狀態(tài)，則將舊數(shù)組的元素添加到新數(shù)組中;
7.最后打印新數(shù)組

js代碼如下

<script>
var Arr = [ 25, 70, 60, 70, 65, 65, 80 ];//最終得到[25,70,60,65,80]
//1.先定義個空的新數(shù)組newArr;
var newArr=[];
//2.遍歷舊數(shù)組Arr 中所有元素;
for(var i=0;i<=Arr.length;i++){
 //3.定義一個isZai變量表示開關(guān)，默認為false狀態(tài);
 var isZai=false;
 for(var j=0;j<=newArr.length;j++){
 // 4.遍歷新數(shù)組所有元素與舊數(shù)組元素比較(Arr[ i ] == newArr[ j ]);
  if(Arr[ i ] == newArr[ j ]){
  //5.如果該元素存在于新數(shù)組中，則改變開關(guān)狀態(tài)為true;
  isZai=true;//假設(shè)被推翻
  break;//一旦重復(fù)后面沒有比較必要
 }
 }
 // 6.根據(jù)開關(guān)狀態(tài)實現(xiàn)需求:如果開關(guān)為false狀態(tài)，則將舊數(shù)組的元素添加到新數(shù)組中;
 if(isZai==false){
  newArr[newArr.length]=Arr[i];
 }
}
 console.log ( newArr )//打印新數(shù)組[25,70,60,65,80]
</script>

使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得如下運行結(jié)果：