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

Browser: Chrome 92

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Length 10 temp swap	1404443.4 Ops/sec
Length 10 destructuring swap	1434456.6 Ops/sec
Length 100 temp swap	1301944.5 Ops/sec
Length 100 destructuring swap	1347949.1 Ops/sec
Length 1000 temp swap	858362.2 Ops/sec
Length 1000 destructuring swap	869075.7 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