2021-6-30 前端達人
本文實例講述了JS實現數組去重,顯示重復元素及個數的方法。分享給大家供大家參考,具體如下:
<script> var arr = [ '土豆' , '土豆' , '茄子' , '土豆' , '茄子' , '土豆' , '紫紅色' ];
function qc(arr){
var resultObj = {};
var result = [];
var result2 = [];
for ( var i=0; i<arr.length; i++){
if (result.indexOf(arr[i]) == -1){
result.push(arr[i]);
} else {
if (result2.indexOf(arr[i]) == -1){
result2.push(arr[i]);
}
}
}
var obj = {}
arr.forEach((v,k)=>{
if (obj[v]){
obj[v]++;
} else {
obj[v] = 1;
}
});
resultObj.result = result;
resultObj.result2 = result2;
resultObj.obj = obj;
return resultObj
}
console.log(qc(arr));
</script>
|
使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼,可得如下運行結果:
雙層for循環遍歷
var result=[];
for ( var i=0; i<arr.length; i++){
for ( var j=i+1;j<arr.length;j++){
if (arr[i] === arr[j]){
j=++i
}
}
result.push(arr[i])
}
document.write(result)
}
qc(a);
</script>
|
使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼,可得如下運行結果:
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
轉自:站長之家
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務