title: map and filter array but add modification each N elements
body: <p><strong>SCENARIO:</strong></p>
  
  <p>I have an observable array of objects that needs to be filtered and formatted. </p>
  
  <p>I had this approach</p>
  
  <pre><code>messageModel.solution(self.selectedNumbers()
                            .filter(greaterThanZero)
                            .map(formatNumberSelected)
                            .join(', ');
  </code></pre>
  
  <p>With this couple of functions:</p>
  
  <pre><code>function greaterThanZero(number) { return number.amount() &gt; 0 };
  function formatNumberSelected(number){ return number.theNumber + " [" + number.amount() + "]" };
  </code></pre>
  
  <p>This is giving excelent results in form of a string, </p>
  
  <pre><code>12346 [3], 12347 [3], 12348 [3], 12349 [3], 12350 [2], 12351 [3], 12352 [3], 12353 [6], 12354 [2], 12355 [3], 12356 [2], 12357 [3], 12358 [3], 12359 [6], 12360 [3], 12361 [3], 12362 [6], 12363 [3], 12364 [6], 12365 [3], 12366 [3], 12367 [6], 12368 [3], 12369 [2], 12370 [3], 12371 [2], 12372 [6], 12373 [3], 12374 [6], 12375 [2], 12376 [3], 12377 [2], 12378 [3], 12379 [2], 12380 [6],    12381 [2], 12382 [3], 12383 [2], 12384 [6]
  </code></pre>
  
  <p>But as long as this is forming an HTML for a modal, is not very readable.</p>
  
  <hr>
  
  <p><strong>EXPECTED RESULT: (simulated new line for understanding and readability!!)</strong></p>
  
  <pre><code>12346 [3], 12347 [3], 12348 [3], 12349 [3], 12350 [2]&lt;br&gt;, 
  12351 [3], 12352 [3], 12353 [6], 12354 [2], 12355 [3]&lt;br&gt;, 
  12356 [2], 12357 [3], 12358 [3], 12359 [6], 12360 [3]&lt;br&gt;, 
  12361 [3], 12362 [6], 12363 [3], 12364 [6], 12365 [3]&lt;br&gt;, 
  12366 [3], 12367 [6], 12368 [3], 12369 [2], 12370 [3]&lt;br&gt;, 
  12371 [2], 12372 [6], 12373 [3], 12374 [6], 12375 [2]&lt;br&gt;, 
  12376 [3], 12377 [2], 12378 [3], 12379 [2], 12380 [6]&lt;br&gt;, 
  12381 [2], 12382 [3], 12383 [2], 12384 [6]
  </code></pre>
  
  <hr>
  
  <p><strong>ACTUAL APPROACH:</strong></p>
  
  <p>Of course I've achieved this result with:</p>
  
  <pre><code>var candidates = self.selectedNumbers().filter(greaterThanZero);
  var SEPARATOR = "";
  var toReturn = "";
  for (var item in candidates) {
    var number = candidates[item];
    toReturn = toReturn + SEPARATOR + number.theNumber + " [" + number.amount() + "]";
    if (item % 5 === 0) toReturn = toReturn + "&lt;/br&gt;";
    SEPARATOR = ", ";
  }
  </code></pre>
  
  <p>But not exactly what I'm looking for... so.. here is my</p>
  
  <hr>
  
  <p><strong>QUESTION:</strong></p>
  
  <p>So... there is a way to insert a <code>&lt;/br&gt;</code> each N elements? In my case, would be around 5 combining <code>Array.prototype</code> built in functions?</p>