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/105.0.0.0 Safari/537.36

Browser: Chrome 105

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	2493712.0 Ops/sec
Length 10 destructuring swap	2529194.0 Ops/sec
Length 100 temp swap	2305736.8 Ops/sec
Length 100 destructuring swap	2350233.0 Ops/sec
Length 1000 temp swap	1257288.0 Ops/sec
Length 1000 destructuring swap	1264234.4 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