Benchmark: array shallow clone comparison

array shallow clone comparison (version: 0)

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: 5 years ago by: Registered User

Jump 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: 9 months 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

Test name	Executions per second
1. concat	834.6 Ops/sec
2. spread	837.8 Ops/sec
3. slice	842.2 Ops/sec
4. map	102.0 Ops/sec
5. Object values	404.6 Ops/sec
6. Array.from	811.1 Ops/sec
7. JSON.stringify -> parse	21.5 Ops/sec
8. lodash map	156.6 Ops/sec
9. lodash cloneDeep	26.8 Ops/sec
10. lodash clone	383.5 Ops/sec
11. lodash filter	56.3 Ops/sec
12. for	8.4 Ops/sec
13. while	8.4 Ops/sec
14. filter	56.9 Ops/sec
15. reduce	59.7 Ops/sec
16. Object.assign	4.7 Ops/sec

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

LLMs can make mistakes. Check important info.

Related benchmarks:

array shallow clone comparison (version: 0)

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: 5 years ago by: Registered User

Jump to the latest 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

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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