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/122.0.0.0 Safari/537.36

Browser: Chrome 122

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

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

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

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