Run results for: Data transfer v2

Run details:

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

Browser: Chrome 91

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array spread function array	1144488.0 Ops/sec
Array via object	1232923.0 Ops/sec
Array direct	1555186.0 Ops/sec
Array slice	9231738.0 Ops/sec
Array slice proto (for ArrayLike objects)	3897557.0 Ops/sec

Script Preparation code:


const range = (start, stop, step) => Array.from({
    length: (stop - start) / step + 1
}, (_, i) => start + (i * step));

function buildArray() {
    return range(0, 1000000, 1);
}
var myArray = buildArray();

Tests:

Array spread function array
function getValues(i){ const offset = i * 3; return [myArray[offset],myArray[offset+1],myArray[offset+2]]; } function getTest(i){ const offset = i*3; return [...getValues(offset), ...getValues(offset+1), ...getValues(offset+2)]; } const result = getTest(100);
Array via object
function getValues(i){ const offset = i * 3; return {a: myArray[offset],b: myArray[offset+1],c: myArray[offset+2]}; } function getTest(i){ const offset = i*3; let a = getValues(offset); let b = getValues(offset+1); let c = getValues(offset+2); return [a.a, a.b, a.c, b.a, b.b, b.c,c.a, c.b, c.c]; } const result = getTest(100);
Array direct
function getTest(i){ const offset = i*9; return [myArray[offset], myArray[offset+1],myArray[offset+2],myArray[offset+3],myArray[offset+4],myArray[offset+5],myArray[offset+6],myArray[offset+7],myArray[offset+8]]; } const result = getTest(100);
Array slice
function getTest(i){ const offset = i*9; return myArray.slice(offset, offset+9); } const result = getTest(100);
Array slice proto (for ArrayLike objects)
function getTest(i){ const offset = i*9; return Array.prototype.slice.call(myArray,offset, offset+9); } const result = getTest(100);

Run results for: Data transfer v2

Lookup results from a large array return

Array spread function array

Array via object

Array direct

Array slice

Array slice proto (for ArrayLike objects)