title: Working with very large Javascript array or objects
body: <p>Currently I'm working on a script where I've got to store more than 1,250,000 objects. I'm using the <code>push()</code> function in a jQuery <code>each()</code> loop like this:</p>
  
  <pre><code>words.push({
    "page": pagenumber,
    "content": word,
    "hpos": $(this).attr("HPOS"),
    "vpos": $(this).attr("VPOS"),
    "width": $(this).attr("WIDTH"),
    "height": $(this).attr("HEIGHT")
  });
  </code></pre>
  
  <p>In Chrome it goes quit fast, between 30 and 40 seconds, but in Internet Explorer it can take up to 360 seconds.</p>
  
  <p>It's for a project where old newspapers are loaded and you can search the text from those newspapers. The newspapers are in a directory and are loaded dynamically. In this test I'm doing I'm using newspapers from october 1926, containing 308 pages and over 1.250.000 words.</p>
  
  <p>Is there a better/faster way to achieve this?</p>