title: Chrome RangeError: Maximum call stack size exceeded when using jQuery $.map
body: <p>I'm testing a web application for my employers which involves retrieving a large amount of data from the server.  The data is returned as a JSON object using the <a href="http://api.jquery.com/jQuery.ajax/" rel="nofollow">$.ajax</a> function, containing large quantities of sub-objects which I convert to arrays using jQuery's <a href="http://api.jquery.com/map/" rel="nofollow">$.map</a> function as follows</p>
  
  <pre><code>data_points = $.map(result.data.LotsOfIt, function(value, ndx){
                return value;
            }); //Throws Maximum call stack size exceeded with large data set.
  </code></pre>
  
  <p>This seems to be exhausting Chromes stack size limit, everytime I run this function Chrome will throw a <strong>RangeError: Maximum call stack size exceeded</strong>.  If I reduce the amount of data returned, it works just fine.  What's interesting is that FireFox and IE9 will process the larger data set just fine, but I thought Chrome had a larger stack size limit than either of these browsers so I would've expected them both to fail as well.  Has anyone else encountered this problem?  Is there a workaround? Or will I have to update my code to limit the amount of data returned in order to avoid this error?</p>