Run results for: array shallow clone comparison

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

Go to the benchmark

Run details:

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

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Test name	Executions per second
✓ 1. concat	783 Ops/sec
3. slice	779 Ops/sec
2. spread	778 Ops/sec
6. Array.from	763 Ops/sec
10. lodash clone	431 Ops/sec
5. Object values	417 Ops/sec
8. lodash map	143 Ops/sec
4. map	83 Ops/sec
15. reduce	55 Ops/sec
11. lodash filter	53 Ops/sec
14. filter	53 Ops/sec
9. lodash cloneDeep	19 Ops/sec
7. JSON.stringify -> parse	19 Ops/sec
13. while	7 Ops/sec
12. for	7 Ops/sec
16. Object.assign	4 Ops/sec

Test name

Executions per second

✓ 1. concat

783 Ops/sec

3. slice

779 Ops/sec

2. spread

778 Ops/sec

6. Array.from

763 Ops/sec

10. lodash clone

431 Ops/sec

5. Object values

417 Ops/sec

8. lodash map

143 Ops/sec

4. map

83 Ops/sec

15. reduce

55 Ops/sec

11. lodash filter

53 Ops/sec

14. filter

53 Ops/sec

9. lodash cloneDeep

19 Ops/sec

7. JSON.stringify -> parse

19 Ops/sec

13. while

7 Ops/sec

12. for

7 Ops/sec

16. Object.assign

4 Ops/sec

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);