Benchmark: array shallow clone comparison

array shallow clone comparison (version: 0) Benchmark.js

1. concat 2. spread 3. slice 4. map 5. Object.values 6. Array.from 7. JSON.stringify-parse 8. lodash map 9. lodash cloneDeep 10. lodash clone 11. lodash filter 12. for 13. while 14. filter 15. reduce 16. Object.assign

Comparing performance of: `1. concat vs 2. spread vs 3. slice vs 4. map vs 5. Object values vs 6. Array.from vs 7. JSON.stringify -> parse vs 8. lodash map vs 9. lodash cloneDeep vs 10. lodash clone vs 11. lodash filter vs 12. for vs 13. while vs 14. filter vs 15. reduce vs 16. Object.assign`

Created: 7 years ago by: Registered User

Go to the latest result

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

arrayOf1kkNumbers = new Array(1000000).fill(1).map((_,index) => index);

Tests:

1. concat
const clonedArr = [].concat(arrayOf1kkNumbers);
2. spread
const clonedArr = [...arrayOf1kkNumbers];
3. slice
const clonedArr = arrayOf1kkNumbers.slice();
4. map
const clonedArr = arrayOf1kkNumbers.map(i=>i);
5. Object values
const clonedArr = Object.values(arrayOf1kkNumbers);
6. Array.from
const clonedArr = Array.from(arrayOf1kkNumbers);
7. JSON.stringify -> parse
const clonedArr = JSON.parse(JSON.stringify(arrayOf1kkNumbers));
8. lodash map
const clonedArr = _.map(arrayOf1kkNumbers, i => i);
9. lodash cloneDeep
const clonedArr = _.cloneDeep(arrayOf1kkNumbers);
10. lodash clone
const clonedArr = _.clone(arrayOf1kkNumbers);
11. lodash filter
const clonedArr = _.filter(arrayOf1kkNumbers);
12. for
const clonedArr = []; const length = arrayOf1kkNumbers.length for (let i = 0; i < length; i++) { clonedArr.push(arrayOf1kkNumbers[i]); }
13. while
const clonedArr = []; let i = 0; const length = arrayOf1kkNumbers.length while (i++ < length) { clonedArr.push(arrayOf1kkNumbers[i]); }
14. filter
const clonedArr = arrayOf1kkNumbers.filter(Boolean);
15. reduce
const clonedArr = arrayOf1kkNumbers.reduce((newArray, element) => { newArray.push(element); return newArray; }, []);
16. Object.assign
const clonedArr = Object.assign([], arrayOf1kkNumbers);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
1. concat
2. spread
3. slice
4. map
5. Object values
6. Array.from
7. JSON.stringify -> parse
8. lodash map
9. lodash cloneDeep
10. lodash clone
11. lodash filter
12. for
13. while
14. filter
15. reduce
16. Object.assign

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser/OS: Chrome 122 on Windows

View result in a separate tab

3. slice

842/s

2. spread

838/s

1. concat

835/s

6. Array.from

811/s

5. Object values

405/s

10. lodash clone

383/s

8. lodash map

157/s

4. map

102/s

15. reduce

60/s

14. filter

57/s

11. lodash filter

56/s

9. lodash cloneDeep

27/s

7. JSON.stringify -> parse

21/s

12. for

8/s

13. while

8/s

16. Object.assign

5/s

View exact numbers

Test name	Executions per second
✓ 3. slice	842 Ops/sec
2. spread	838 Ops/sec
1. concat	835 Ops/sec
6. Array.from	811 Ops/sec
5. Object values	405 Ops/sec
10. lodash clone	383 Ops/sec
8. lodash map	157 Ops/sec
4. map	102 Ops/sec
15. reduce	60 Ops/sec
14. filter	57 Ops/sec
11. lodash filter	56 Ops/sec
9. lodash cloneDeep	27 Ops/sec
7. JSON.stringify -> parse	21 Ops/sec
12. for	8 Ops/sec
13. while	8 Ops/sec
16. Object.assign	5 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.