Run results for: structuredClone vs Immer vs JSON.parse/stringify

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_3_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 18

Operating system: iOS 18.3.2

Device Platform: Mobile

Date tested: one month ago

Test name	Executions per second
produce	897888.4 Ops/sec
structuredClone	729568.1 Ops/sec
JSON back and forth	1071369.2 Ops/sec

HTML Preparation code:

<script type="module">
  import { produce } from 'https://cdn.jsdelivr.net/npm/immer@10.1.1/+esm';
  window.immerProduce = produce;
</script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uuid@10.0.0/dist/index.min.js"></script>

Script Preparation code:

const numSiblings = 500;
const depth = 3;

state = { field: 'f1', operator: '=', value: 'v1' };

Tests:

produce
const result = immerProduce(state, draft => { draft.id = crypto.randomUUID(); }); console.log(result);
structuredClone
const result = structuredClone(state); result.id = crypto.randomUUID(); console.log(result);
JSON back and forth
const result = JSON.parse(JSON.stringify({ ...state, id: crypto.randomUUID() })); console.log(result);

Run results for: structuredClone vs Immer vs JSON.parse/stringify

produce

structuredClone

JSON back and forth