Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Lodash CloneDeep vs Immer Produce on larger array
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36
Browser:
Chrome 136
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
Produce
153362.0 Ops/sec
CloneDeep
30993.9 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';