Info

See http://stackoverflow.com/questions/9538678/fastest-way-to-build-this-string

Preparation code

 
<script>
  Benchmark.prototype.setup = function() {
    var items = [{
        html: '<div>test</div>'
    }, {
        html: '<div>test</div>'
    }, {
        html: '<div>test</div>'
    }];
  };
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var html = [];
for (var i = 0, itemLen = items.length; i < itemLen; i++) {
    html.push(items[i].html)
}
var str = html.join('');

var html = '';
for (var i = 0, itemLen = items.length; i < itemLen; i++) {
    html += items[i].html;
}

var html = new Array(items.length)
for (var i = 0, itemLen = items.length; i < itemLen; i++) {
    html[i] = items[i].html;
}
var str = html.join('');

var html = items.map(function(x) { return x.html; }).join('');

var html = '';
for( var i = 0, itemLen = items.length/10; i < itemLen; i+=10){
    html += items[i].html+items[i+1].html+items[i+2].html+items[i+3].html+items[i+4].html+items[i+5].html+items[i+6].html+items[i+7].html+items[i+8].html+items[i+9].html;
}

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 2nd March 2012
• Revision 2: published on 2nd March 2012
• Revision 4: published on 2nd March 2012
• Revision 5: published on 2nd March 2012
• Revision 6: published on 2nd March 2012
• Revision 8: published on 9th March 2012
• Revision 9: published on 7th February 2013

0 comments