Benchmark: Strings starts with using startsWith, array access, slice, versus a nested object.

Script Preparation code:

const attrs = {
  id: 'testId',
  onclick: function(){},
  class: 'testClass',
  onhover: () => {},
};
const attrs2 = {
  id: 'testId',
  on: {
    click: function(){},
    hover: function(){},
  },
  class: 'testClass',
}
function getAttrs(){return attrs;};
function getAttrs2(){return attrs2;};

Tests:

String.startsWith
const attrs = getAttrs(); const vNode = {}; let matches = 0; for(const attr in attrs) { if(attr.startsWith('on')) { matches++; vNode[attr] = attrs[attr]; } else { vNode[attr] = attrs[attr]; } } if(matches != 2) alert('test failed');
Array access []
const attrs = getAttrs(); const vNode = {}; let matches = 0; for(const attr in attrs) { if(attr[0] === 'o' && attr[1] === 'n') { matches++; vNode[attr] = attrs[attr]; } else { vNode[attr] = attrs[attr]; } } if(matches != 2) alert('test failed');
String.slice
const attrs = getAttrs(); const vNode = {}; let matches = 0; for(const attr in attrs) { if(attr.slice(0, 2) === 'on') { matches++; vNode[attr] = attrs[attr]; } else { vNode[attr] = attrs[attr]; } } if(matches != 2) alert('test failed');
String.substr
const attrs = getAttrs(); const vNode = {}; let matches = 0; for(const attr in attrs) { if(attr.substr(0, 2) === 'on') { matches++; vNode[attr] = attrs[attr]; } else { vNode[attr] = attrs[attr]; } } if(matches != 2) alert('test failed');
Nested object
const attrs = getAttrs2(); const vNode = {}; let matches = 0; for(const attr in attrs) { if(attr === 'on') { for(const eventName in attrs['on']) { matches++; vNode['on' + eventName] = attrs['on'][eventName]; } } else { vNode[attr] = attrs[attr]; } } if(matches != 2) alert('test failed');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
String.startsWith
Array access []
String.slice
String.substr
Nested object

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Strings starts with using startsWith, array access, slice, versus a nested object. (version: 0)

Comparing performance of: String.startsWith vs Array access [] vs String.slice vs String.substr vs Nested object

Created: 9 months ago by: Registered User

Jump to the latest result

String.startsWith

Array access []

String.slice

String.substr

Nested object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results