MeasureThat.net

 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:
AخA
 
1
<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

    ​x
     
    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

Experimental features:

  • 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: one year ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
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
LLMs can make mistakes. Check important info.
Related benchmarks: