Run results for: Lodash merge vs Immer Produce on moderate size object

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Produce

507K/s

merge

12K/s

View exact numbers

Test name	Executions per second
✓ Produce	507,252 Ops/sec
merge	11,972 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer/dist/immer.umd.js"></script>
<script src='https://cdn.jsdelivr.net/npm/lodash/lodash.js'></script>

Script Preparation code:

const LEN = 1000;
const arr = new Array(LEN).fill(Math.random());
var state =  {
    data: {
      data1: {
        data2: 'test'
      },
      data2: arr
    }
  };

Tests:

Produce
const result = immer.produce(state, draft => { draft.data.data1.data2 = 'updated' })
merge
const result = _.merge({},state, {data: {data1: {data2: 'updated'}}});

Run results for: Lodash merge vs Immer Produce on moderate size object

Lodash CloneDeep vs Immer Produce on moderate size object with 1000 elements in an array

Produce

merge