Run results for: Adding to an existing array from another (loop, for of, forEach, spread) [1]

Run details:

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

Browser: Chrome 107

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
For I	17541.0 Ops/sec
For Of	27583.6 Ops/sec
Spread	41185.7 Ops/sec
ForEach	27075.1 Ops/sec
Slice	42029.3 Ops/sec

Script Preparation code:

window.testData = [];
populateTestData();
window.tempData = window.testData.slice();

function populateTestData() {
  for (let i = 0; i < 100; i++) {
    const newValue = Math.random();
    window.testData.push(newValue);
  }
}

function resetData() {
  window.testData.length = 0;
  window.tempData.length = 0;
}

function testForI() {
  for (let i = 0; i < window.testData.length; i++) {
    window.tempData.push(window.testData[i]);
  }
}

function testForOf() {
  for (const item of window.testData) {
    window.tempData.push(item);
  }
}

function testSpread() {
  window.tempData.push(...window.testData);
}

function testForEach() {
  window.testData.forEach((i) => window.tempData.push(i));
}

function testSlice() {
  window.tempData = window.testData.slice();
}

Tests:

For I
resetData() populateTestData() testForI();
For Of
resetData() populateTestData() testForOf();
Spread
resetData() populateTestData() testSpread();
ForEach
resetData() populateTestData() testForEach();
Slice
resetData() populateTestData() testSlice();

Run results for: Adding to an existing array from another (loop, for of, forEach, spread) [1]

For I

For Of

Spread

ForEach

Slice