Run results for: Array item swapping, destructuring vs temp variable

Run details:

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

Browser: Chrome 107

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Length 10 temp swap	2406809.8 Ops/sec
Length 10 destructuring swap	2475425.8 Ops/sec
Length 100 temp swap	2204949.8 Ops/sec
Length 100 destructuring swap	2249634.5 Ops/sec
Length 1000 temp swap	1259188.1 Ops/sec
Length 1000 destructuring swap	1254587.6 Ops/sec

Script Preparation code:

function tempSwap(array) {
    const length = array.length;
    const swap1 = Math.floor(Math.random() * length);
    const swap2 = Math.floor(Math.random() * length);
    const temp = array[swap1];

    array[swap1] = array[swap2];
    array[swap2] = array[temp];
}

function destructuringSwap(array) {
    const length = array.length;
    const swap1 = Math.floor(Math.random() * length);
    const swap2 = Math.floor(Math.random() * length);

    return [
        array[swap1],
        array[swap2]
    ] = [
        array[swap2],
        array[swap1]
    ];
}

Tests:

Length 10 temp swap
tempSwap(new Array(10));
Length 10 destructuring swap
destructuringSwap(new Array(10));
Length 100 temp swap
tempSwap(new Array(100));
Length 100 destructuring swap
destructuringSwap(new Array(100));
Length 1000 temp swap
tempSwap(new Array(1000));
Length 1000 destructuring swap
destructuringSwap(new Array(1000));

Run results for: Array item swapping, destructuring vs temp variable

Array destructuring vs temp variable use in array item swapping

Length 10 temp swap

Length 10 destructuring swap

Length 100 temp swap

Length 100 destructuring swap

Length 1000 temp swap

Length 1000 destructuring swap