String concatenation vs Regex

JavaScript performance comparison

Revision 4 of this test case created

Info

This test compares performance of string interpolation using three techniqus: 1. String concatenation using addition operator. 2. Replace a part of string using regex 3. String concatenation using String.join() method.

Preparation code

 
<script>
Benchmark.prototype.setup = function() {
    var id = 1;
};
</script>

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
String concatenation
'[data-id="' + id + '"]'
pending…
Regex
'[data-id="%d"]'.replace(/%d/, id)
pending…
String join
['[data-id="', id, '"]'].join('')
pending…
Concatenate using for loop
var items = ['[data-id="', id, '"]']
var result = '';
for(var i = 0, ii = items.length; i < ii; i++) {
  result += items[i];
}
pending…
Replace
'[data-id=":id"]'.replace(':id', id)
pending…
ForEach
var items = ['[data-id="', id, '"]']
var result = '';
items.forEach(function(item) {
  result += item;
});
pending…

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:

0 comments

Add a comment