Run results for: Get-Set object prop in 2-each-times vs trim in 1-each-time

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36

Browser: Chrome 92

Operating system: Windows 7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Get-Set object prop in 2-each-times	1382.8 Ops/sec
Get-Set-trim in 1-each-time	1508.0 Ops/sec

Script Preparation code:

function aLoop(nodes, fn) {
  for (var i=0, len=nodes.length;  i<len;  i++) {
    fn(nodes[i], i, nodes);
  }
}
var nodes = document.querySelectorAll('div');
var arr1 = [1,2,3];
var classs;

Tests:

Get-Set object prop in 2-each-times
aLoop(nodes, function(elm){ aLoop(arr1, function(item){ classs = elm.className; elm.className = classs+'temp'; }); });
Get-Set-trim in 1-each-time
aLoop(nodes, function(elm){ classs = elm.className; aLoop(arr1, function(item){ classs = classs+'temp'; }); elm.className = classs.trim(); });

Run results for: Get-Set object prop in 2-each-times vs trim in 1-each-time

Get-Set object prop in 2-each-times

Get-Set-trim in 1-each-time