アイテムを削除しながら配列を何度も繰り返し処理する最速の方法

Question

私は次のような数字の配列を持っているとします：

var myArray = [1, 2, 3, 4, 5];

これは単純化したもので、実際のケースのシナリオははるかに大きくなりました（60K以上のアイテム）。

基本的には、いくつかの数値を処理し、すべての数値が処理されるまで配列全体を繰り返し処理する必要があります（たとえば、最初の繰り返しで1と3を処理できます、2番目の場合は4と5）。 EDIT：順番にする必要はありません。

私が疑問に思っているのは、以前の反復ですでに処理されている項目が再度考慮されないようにする必要があります。。

私の質問は、これを行う最も速い方法は何ですか、これは大規模に行われているため、msカウントです。

myArray = myArray.splice(i, 1)を処理して処理されたアイテムを削除しようとしましたが、それは非常に遅いです。私はまた、処理された項目をnullに設定してから、その後の繰り返しでnullの項目を無視してみました。その方法はより速く動作するように見えますが、依然として2〜2秒かかります。いくつかのより速い方法がありますか？

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     getColorGroup(); 
    }); 
    function getColorGroup() 
    { 
     var colors = ['#FAEBD7', '#00FFFF', '#000000', '#0000FF', '#8A2BE2', '#A52A2A', '#DEB887', '#5F9EA0', '#7FFF00', '#D2691E', '#FF7F50', '#6495ED', '#DC143C', '#00FFFF', '#00008B', '#008B8B', '#B8860B', '#A9A9A9', '#A9A9A9', '#006400', '#BDB76B', '#8B008B', '#556B2F', '#FF8C00', '#9932CC', '#8B0000', '#E9967A', '#8FBC8F', '#483D8B', '#2F4F4F', '#2F4F4F', '#00CED1', '#9400D3', '#FF1493', '#00BFFF', '#696969', '#696969', '#1E90FF', '#B22222', '#228B22', '#FF00FF', '#DCDCDC', '#FFD700', '#DAA520', '#808080', '#808080', '#008000', '#ADFF2F', '#FF69B4', '#CD5C5C', '#4B0082', '#F0E68C', '#E6E6FA', '#7CFC00', '#00FF00', '#32CD32', '#FF00FF', '#800000', '#66CDAA', '#0000CD', '#BA55D3', '#9370DB', '#3CB371', '#7B68EE', '#00FA9A', '#48D1CC', '#C71585', '#191970', '#FFE4E1', '#FFE4B5', '#FFDEAD', '#000080', '#808000', '#6B8E23', '#FFA500', '#FF4500', '#DA70D6', '#EEE8AA', '#98FB98', '#AFEEEE', '#DB7093', '#FFDAB9', '#CD853F', '#FFC0CB', '#DDA0DD', '#B0E0E6', '#800080', '#663399', '#FF0000', '#BC8F8F', '#4169E1', '#8B4513', '#FA8072', '#F4A460', '#2E8B57', '#A0522D', '#C0C0C0', '#87CEEB', '#6A5ACD', '#708090', '#708090', '#00FF7F', '#4682B4', '#D2B48C', '#008080', '#D8BFD8', '#FF6347', '#40E0D0', '#EE82EE', '#F5DEB3', '#FFFF00', '#9ACD32']; 
     var randomIndex = Math.floor(Math.random() * 1000 % colors.length); 
     var color = colors[randomIndex]; 
     console.log(color); 
     var tasks = []; 
     for (var i = 0; i < colors.length; i += 10) 
     { 
      tasks.push(findColor(color, colors, i, 10)); 
     } 
     var group = []; 
     $.when.apply($, tasks).done(function() { 
      for(var j = 0; j < arguments.length; j++) 
      { 
       group = group.concat(arguments[j]); 
      } 
      console.log(group); 
     }); 
    } 

    function findColor(sample, colors, startIndex, segmentSize) 
    { 
     return $.Deferred(function (deferred) { 
      setTimeout(function(){ 
       var result = []; 
       var pattern = /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/i; 
       var sampleMatch = pattern.exec(sample); 
       if (sampleMatch) { 
        for (var i = startIndex; i < startIndex + segmentSize && i < colors.length; i++) { 
         var match = pattern.exec(colors[i]); 
         if (match) { 
          if (sampleMatch[1].toUpperCase() == match[1].toUpperCase() 
           || 
           sampleMatch[2].toUpperCase() == match[2].toUpperCase() 
           || 
           sampleMatch[3].toUpperCase() == match[3].toUpperCase()) { 
           result.push(colors[i]); 
          } 
         } 
        } 
       } 
       deferred.resolve(result); 
      }, 0); 
     }).promise(); 
    } 
</script> 

Answer 2

前回の処理で取得したインデックスを保存するだけで済みます。結局のところ、はありません配列を複数回反復したい場合は、1回だけ繰り返しますが、複数のステップで繰り返します。

function process(arr, step, start) { 
 
    var take = Math.min(arr.length - start, Math.round(1 + Math.random() * 3)); 
 
    for (var i = start; i < start + take; i++) { 
 
     console.log("processing item " + arr[i] + " in step " + step); 
 
    } 
 
    return take; 
 
} 
 

 
var arr = [1, 2, 3, 4, 5] 
 
for (var step = 0, i = 0; i < arr.length; step++) 
 
    i += process(arr, step, i);