JS基于開(kāi)關(guān)思想實(shí)現(xiàn)的數(shù)組去重功能【案例】
本文實(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é)果:
PS:這里再為大家提供幾款相關(guān)工具供大家參考使用:
在線去除重復(fù)項(xiàng)工具:
http://tools.jb51.net/code/quchong
在線文本去重復(fù)工具:
http://tools.jb51.net/aideddesign/txt_quchong
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS數(shù)組去重的九種高階方法(親測(cè)有效)
- js操作兩個(gè)json數(shù)組合并、去重,以及刪除某一項(xiàng)元素
- 關(guān)于JavaScript數(shù)組去重的一些理解匯總
- JavaScript常用8種數(shù)組去重代碼實(shí)例
- JS數(shù)組中對(duì)象去重操作示例
- JS學(xué)習(xí)筆記之?dāng)?shù)組去重實(shí)現(xiàn)方法小結(jié)
- JavaScript數(shù)組去重的幾種方法
- javascript數(shù)組去重方法總結(jié)(推薦)
- JavaScript數(shù)組去重的方法總結(jié)【12種方法,號(hào)稱史上最全】
- js數(shù)組去重的11種方法
相關(guān)文章
屏蔽鼠標(biāo)右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵
js 防止刷新網(wǎng)頁(yè)、禁止后退,右鍵等操作的代碼2010-03-03js實(shí)現(xiàn)點(diǎn)擊切換和自動(dòng)播放的輪播圖
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊切換和自動(dòng)播放的輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04移動(dòng)端利用H5實(shí)現(xiàn)壓縮圖片上傳功能
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端利用H5實(shí)現(xiàn)壓縮圖片上傳功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03javascript實(shí)現(xiàn)異形滾動(dòng)輪播
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)異形滾動(dòng)輪播,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11js實(shí)現(xiàn)登錄時(shí)記住密碼的方法分析
這篇文章主要介紹了js實(shí)現(xiàn)登錄時(shí)記住密碼的方法,結(jié)合實(shí)例形式分析了JavaScript基于cookie實(shí)現(xiàn)存儲(chǔ)登錄密碼相關(guān)操作技巧,需要的朋友可以參考下2020-04-04Js表格萬(wàn)條數(shù)據(jù)瞬間加載實(shí)現(xiàn)代碼
一條數(shù)據(jù)創(chuàng)建一行,如果數(shù)量大的時(shí)候,一次性要加載完數(shù)據(jù)的話,瀏覽器就會(huì)卡上半天,下面有個(gè)不錯(cuò)的方法,大家可以參考下2014-02-02