Javascript explode issue
<p>I am running an ajax query and returning JSON and one of the results is a field named <code>image.comment</code> e.g.</p>

<pre><code>test~63~Dave Sanders~http://graph.facebook.com/998433599/picture?type=large~Dave Sanders~9 minutes ago
</code></pre>

<p>I'm using <code>~</code> as a separator</p>

<p>There maybe be multiple similar sets of data separated by <code>----</code> in <code>image.comment</code> so to parse the data and add it to the DOM i'm using:</p>

<pre><code>if(image.comment){

        html += '&lt;div class="msgs_holder'+image.list_id+'"&gt;';

        // split comment at ----        
        var comString = image.comment;
        var comArray = comString.split("----");

        var lengthArray = comArray.length,
        element = null;

        for (var i = 0; i &lt; lengthArray; i++) {
            element = comArray[i];

            // split indiv comment at ~     
            var comUserString = element;
            var comUserArray = comUserString.split("~");

            html += '&lt;div class="msgs_row"&gt;&lt;div class="msgs_pic"&gt;&lt;a href="/'+comUserArray[4]+'"&gt;&lt;img src="'+comUserArray[3]+'"&gt;&lt;/a&gt;&lt;/div&gt;';
            html += '&lt;div class="msgs_comment"&gt;&lt;a href="/'+comUserArray[4]+'" style="text-decoration:none;"&gt;&lt;span class="msgs_name"&gt;'+comUserArray[2]+'&lt;/span&gt;&lt;/a&gt; '+comUserArray[0]+'&lt;br&gt;&lt;span class="msgs_time" title="'+comUserArray[5]+'"&gt;'+comUserArray[5]+'&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;';

        }

        html += '&lt;/div&gt;';

    }
</code></pre>

<p>But the page fails to load and firefox firebug tells me: <code>allocation size overflow</code></p>

<p>This only happens on rows of the JSON where there is data in <code>comment</code> column</p>

<p>I suspect some maybe infinite looping but can't see it</p>

<p>I've checked the query and it runs fine so not that</p>

<p>Is this the best way to explode in js?</p>

<p>Any ideas?</p>

<p><strong>MORE INFO</strong> The reason I'm doing it this way is it's a piece of a much bigger query. Images loaded to a page with comments under each image. So I'm loading the comments into a column to be parsed for display.</p>

<p>Example:</p>

<pre><code>Image 1        Image 2        Image 3                       etc etc etc
hey                           i think its great!
hey back!                     me too
                              I'm not sure
</code></pre>

<p><strong>MORE INFO 2</strong> This data is taken from a MySQL query e.g</p>

<pre><code>select w.img_width, w.img_height, w.prod_pic_url as preview3,
        GROUP_CONCAT(ww.comment,'~', h.user_id,'~', h.name,'~', 
        h.live_prof_pic,'~', h.twovo_url,'~', time_ago(ww.dateadded) SEPARATOR '----') AS comment 
        from tableName where blah=blah
</code></pre>

<p>GROUP_CONCAT is the comments section mentioned above</p>

<p>So, to use JSON for data within data, is that possible? If so how?</p>

<p>Example returned data:</p>

<pre><code>"preview3":"http:\/\/myurl.com\/wish_images\/production\/3578.jpg","comment":"test~63~Dave Sanders~http:\/\/graph.facebook.com\/Dave Sanders\/picture?type=large~Dave Sanders~39 minutes ago"},{"item_id":"3559","numComms":"0","numLikes":"0"... etc etc
</code></pre>
