Run results for: For..of (with Reverse) vs For (backwards)

Run details:

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

Browser: Chrome 90

Operating system: Windows 7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
reverse and for..of (large array)	21047.9 Ops/sec
For loop (large array)	1996.7 Ops/sec
reverse and for..of (small array)	1442384.4 Ops/sec
For loop (small array)	272420.3 Ops/sec

Script Preparation code:

var arrSmall = 'ewtyht'.split('');
var arrLarge = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultricies sagittis odio, et mollis erat mattis ut. In mattis massa nunc, sit amet hendrerit ligula accumsan eu. Pellentesque rutrum aliquet laoreet. Nunc rutrum dignissim pretium. Maecenas non nisl a ligula varius eleifend eget non nulla. Donec dictum sit amet lorem consequat elementum. Mauris scelerisque vestibulum interdum. Ut sit amet lorem posuere, interdum neque et, fermentum turpis. Morbi tincidunt, ante vel egestas efficitur, odio urna tincidunt mi, sit amet mattis lorem ante at sem. Etiam porta sodales sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultricies sem a nunc convallis, ut molestie lacus elementum. Donec pellentesque nulla tellus, id porta dolor molestie non. Integer lacus diam, pharetra nec lacus a, sollicitudin dapibus nibh. Duis varius metus ante, eu ultrices purus cursus in. Sed molestie, sem sit amet rutrum interdum, elit dui aliquam arcu, a fringilla justo nibh in est. Nulla ac elit eget massa pellentesque congue. Phasellus quis mauris non diam luctus posuere. Nullam porta diam auctor volutpat bibendum. Duis lorem leo, mollis non convallis lacinia, faucibus ac orci. Sed eu velit et quam facilisis condimentum. Pellentesque egestas, lorem ut laoreet maximus, metus leo aliquam ligula, a luctus lectus ligula eget purus.'.split('');

Tests:

reverse and for..of (large array)
var result = []; for (var char of arrLarge.reverse()) { result.push(char); }
For loop (large array)
var result = []; for (var iChar = arrLarge.length - 1; iChar >= 0; iChar--) { result.push(arrLarge[iChar]); }
reverse and for..of (small array)
var result = []; for (var char of arrSmall.reverse()) { result.push(char); }
For loop (small array)
var result = []; for (var iChar = arrSmall.length - 1; iChar >= 0; iChar--) { result.push(arrSmall[iChar]); }

Run results for: For..of (with Reverse) vs For (backwards)

reverse and for..of (large array)

For loop (large array)

reverse and for..of (small array)

For loop (small array)