<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          JS實現數組去重,顯示重復元素及個數的方法示例

          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循環遍歷


          <script> var a=[1,2,3,4,5,3,5,42,0,2,3,0]
          function qc(arr){

          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設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          轉自:站長之家
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合