<sup id="sjju3"><noscript id="sjju3"></noscript></sup>
    <big id="sjju3"></big>

  • <blockquote id="sjju3"></blockquote>
    <blockquote id="sjju3"></blockquote>

      <td id="sjju3"></td>

      <big id="sjju3"></big>
        <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
      1. JS基于开关思想实现的数组去重功能【案例】

         更新时间:2019年02月18日 12:07:24   作者:庚中   我要评论

        这篇文章主要介绍了JS基于开关思想实现的数组去重功能,简单分析了开关思想的原理,并结合具体实例形式分析了javascript基于开关思想实现数组去重相关操作技巧,需要的朋友可以参考下

        本文实例讲述了JS基于开关思想实现的数组去重功能。分享给大家供大家参考,具体如下:

        场景: 比如给你一个数组var Arr = [ 25, 70, 60, 70, 65, 65, 80 ],最终要得到去重后的新数组[25,70,60,65,80].

        思路:

        1.先定义个空的新数组newArr;
        2.遍历旧数组Arr 中所?#24615;?#32032;;
        3.定义一个isZai变量表示开关,默认为false状态;
        4.遍历新数组所?#24615;?#32032;与旧数组元素比较(Arr[ i ] == newArr[ j ]);
        5.如果该元素存在于新数组中,则改变开关状态为true;
        6.根据开关状态实现需求:如果开关为false状态,则将旧数组的元素添加到新数组中;
        7.最后打印新数组

        js代码如下

        <script>
        var Arr = [ 25, 70, 60, 70, 65, 65, 80 ];//最终得到[25,70,60,65,80]
        //1.先定义个空的新数组newArr;
        var newArr=[];
        //2.遍历旧数组Arr 中所?#24615;?#32032;;
        for(var i=0;i<=Arr.length;i++){
         //3.定义一个isZai变量表示开关,默认为false状态;
         var isZai=false;
         for(var j=0;j<=newArr.length;j++){
         // 4.遍历新数组所?#24615;?#32032;与旧数组元素比较(Arr[ i ] == newArr[ j ]);
          if(Arr[ i ] == newArr[ j ]){
          //5.如果该元素存在于新数组中,则改变开关状态为true;
          isZai=true;//假设被推翻
          break;//一旦重复后面没有比较必要
         }
         }
         // 6.根据开关状态实现需求:如果开关为false状态,则将旧数组的元素添加到新数组中;
         if(isZai==false){
          newArr[newArr.length]=Arr[i];
         }
        }
         console.log ( newArr )//打印新数组[25,70,60,65,80]
        </script>
        
        

        使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:

        PS:这里再为大家提供几款相关工具供大家参考使用:

        在线去除重复项工具:
        http://tools.jb51.net/code/quchong

        在线文本去重复工具:
        http://tools.jb51.net/aideddesign/txt_quchong

        更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

        希望本文所述?#28304;?#23478;JavaScript程序设计有所帮助。

        相关文章

        最新评论

        2018白小姐一肖中特马
        <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
        <big id="sjju3"></big>

      2. <blockquote id="sjju3"></blockquote>
        <blockquote id="sjju3"></blockquote>

          <td id="sjju3"></td>

          <big id="sjju3"></big>
            <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
          1. <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
            <big id="sjju3"></big>

          2. <blockquote id="sjju3"></blockquote>
            <blockquote id="sjju3"></blockquote>

              <td id="sjju3"></td>

              <big id="sjju3"></big>
                <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>