Benchmark: array shallow clone comparison - with nested objects

array shallow clone comparison - with nested objects (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: 2 years ago by: Guest

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) => ({
    a: index,
    b: index,
    c: index,
    d: index,
    e: index,
    f: index,
    g: {
        a: 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

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

array shallow clone comparison - with nested objects (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: 2 years ago by: Guest

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

No previous run results