快捷導(dǎo)航

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

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

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

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

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

思路:

1.先定義個(gè)空的新數(shù)組newArr;
2.遍歷舊數(shù)組Arr 中所有元素;
3.定義一個(gè)isZai變量表示開(kāi)關(guān)，默認(rèn)為false狀態(tài);
4.遍歷新數(shù)組所有元素與舊數(shù)組元素比較(Arr[ i ] == newArr[ j ]);
5.如果該元素存在于新數(shù)組中，則改變開(kāi)關(guān)狀態(tài)為true;
6.根據(jù)開(kāi)關(guān)狀態(tài)實(shí)現(xiàn)需求:如果開(kāi)關(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.先定義個(gè)空的新數(shù)組newArr;
var newArr=[];
//2.遍歷舊數(shù)組Arr 中所有元素;
for(var i=0;i<=Arr.length;i++){
 //3.定義一個(gè)isZai變量表示開(kāi)關(guān)，默認(rè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ù)組中，則改變開(kāi)關(guān)狀態(tài)為true;
  isZai=true;//假設(shè)被推翻
  break;//一旦重復(fù)后面沒(méi)有比較必要
 }
 }
 // 6.根據(jù)開(kāi)關(guān)狀態(tài)實(shí)現(xiàn)需求:如果開(kāi)關(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代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼，可得如下運(yùn)行結(jié)果：