Run results for: Lodash CloneDeep vs Immer Produce on larger array

Run details:

User agent: Mozilla/5.0 (Linux; Android 8.0.0; SAMSUNG SM-A520F) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/19.0 Chrome/102.0.5005.125 Mobile Safari/537.36

Browser: Chrome Mobile 102

Operating system: Android 8.0.0

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Produce	12512.5 Ops/sec
CloneDeep	3656.2 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer@3.1.3/dist/immer.umd.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

state =  [
    {data1: {data2: 'test'}},
   {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}},
    {data1: {data2: 'test'}}
  ];

Tests:

Produce
const result = immer.produce(state, draft => { draft[5].data1.data2 = 'updated' })
CloneDeep
const result = _.cloneDeep(state); result[5].data1.data2 = 'updated';