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

Browser: Chrome 99

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	1214170.8 Ops/sec
Length 10 destructuring swap	1237914.1 Ops/sec
Length 100 temp swap	1149218.2 Ops/sec
Length 100 destructuring swap	1155335.1 Ops/sec
Length 1000 temp swap	752054.8 Ops/sec
Length 1000 destructuring swap	741815.0 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