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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Test name	Executions per second
✓ 6. Array.from	730 Ops/sec
3. slice	726 Ops/sec
2. spread	725 Ops/sec
1. concat	717 Ops/sec
5. Object values	554 Ops/sec
10. lodash clone	415 Ops/sec
8. lodash map	162 Ops/sec
4. map	154 Ops/sec
15. reduce	81 Ops/sec
14. filter	74 Ops/sec
11. lodash filter	71 Ops/sec
9. lodash cloneDeep	49 Ops/sec
7. JSON.stringify -> parse	26 Ops/sec
13. while	15 Ops/sec
12. for	15 Ops/sec
16. Object.assign	7 Ops/sec

Test name

Executions per second

✓ 6. Array.from

730 Ops/sec

3. slice

726 Ops/sec

2. spread

725 Ops/sec

1. concat

717 Ops/sec

5. Object values

554 Ops/sec

10. lodash clone

415 Ops/sec

8. lodash map

162 Ops/sec

4. map

154 Ops/sec

15. reduce

81 Ops/sec

14. filter

74 Ops/sec

11. lodash filter

71 Ops/sec

9. lodash cloneDeep

49 Ops/sec

7. JSON.stringify -> parse

26 Ops/sec

13. while

15 Ops/sec

12. for

15 Ops/sec

16. Object.assign

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