Benchmark: Strings starts with using startsWith, array access, slice.

Script Preparation code:

const strings = ['onclick', 'id', 'onhover', 'class'];
function getStrings(){return strings;};

Tests:

String.startsWith
let matches = 0; getStrings().forEach(str => { if(str.startsWith('on')) matches++; });
Array access []
let matches = 0; getStrings().forEach(str => { if(str[0] === 'o' && str[0] === 'n') matches++; });
String.slice
let matches = 0; getStrings().forEach(str => { if(str.slice(0, 2) === 'on') matches++; });
String.substr
let matches = 0; getStrings().forEach(str => { if(str.substr(0, 2) === 'on') matches++; });

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Browser/OS: Chrome 114 on Mac OS X 10.15.7

Strings starts with using startsWith, array access, slice. (version: 0)