Benchmark: Copying data 2; mapping vs. spreading then modifying vs. Object.assign then modifiying

Script Preparation code:

var data = [{
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    },
    {
        foo: {
            bar: {
                baz: "hi"
            }
        }
    }
];

Tests:

Mapping
data.map((d, i) => i === 2 ? ({...d, bar: { baz: "bye" } }) : d)
spreading, then modifying
const copy = [...data]; copy[2] = { ...copy[2], bar: { baz: "bye" } };
Object.assign, then modifying
const copy = Object.assign([], data) copy[2] = { ...copy[2], bar: { baz: "bye" } };

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Mapping
spreading, then modifying
Object.assign, then modifying

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Linux; Android 12; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Mobile Safari/537.36

Browser/OS: Chrome Mobile 102 on Android

View result in a separate tab

Test name	Executions per second
Mapping	541263.8 Ops/sec
spreading, then modifying	650415.3 Ops/sec
Object.assign, then modifying	159075.0 Ops/sec

Copying data 2; mapping vs. spreading then modifying vs. Object.assign then modifiying (version: 0)

Comparing performance of: Mapping vs spreading, then modifying vs Object.assign, then modifying

Created: one year ago by: Guest

Jump to the latest result

Mapping

spreading, then modifying

Object.assign, then modifying

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A