Benchmark: shallow array clone comparison with random data

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

getRandomBool = () => Boolean(_.random(0, 1));
getRandomNumber = () => _.random(-1000000, 1000000);
getRandomString = () => {
	const length = _.random(1, 255);
	const arr = new Array(length).fill(1).map(() => _.random(65,122)); // from A to z
	return String.fromCharCode(...arr)
}
getRandomValue = () => {
  const valueId = _.random(0, 3);

  switch (valueId) {
    case 1:{
   		return getRandomBool();
    }
    case 2:{
    	return getRandomNumber();
    }
    case 3:{
    	return getRandomString();
    }
    default:{
    	return null
    }
  }
}


arrayOf1kkNumbers = new Array(1000000).fill(1).map(getRandomValue);

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
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. for
const clonedArr = []; const length = arrayOf1kkNumbers.length for (let i = 0; i < length; i++) { clonedArr.push(arrayOf1kkNumbers[i]); }
12. while
const clonedArr = []; let i = 0; const length = arrayOf1kkNumbers.length while (i++ < length) { clonedArr.push(arrayOf1kkNumbers[i]); }
13. reduce
const clonedArr = arrayOf1kkNumbers.reduce((newArray, element) => { newArray.push(element); return newArray; }, []);
14. 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
8. lodash.map
9. lodash cloneDeep
10. lodash clone
11. for
12. while
13. reduce
14. 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:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0

Browser/OS: Firefox 81 on Windows

View result in a separate tab

Test name	Executions per second
1. concat	32.6 Ops/sec
2. spread	16.6 Ops/sec
3. slice	237.5 Ops/sec
4. map	26.7 Ops/sec
5. Object.values	47.6 Ops/sec
6. Array.from	13.3 Ops/sec
7. JSON.stringify	1.1 Ops/sec
8. lodash.map	30.2 Ops/sec
9. lodash cloneDeep	2.7 Ops/sec
10. lodash clone	30.4 Ops/sec
11. for	20.4 Ops/sec
12. while	18.7 Ops/sec
13. reduce	31.3 Ops/sec
14. Object.assign	2.8 Ops/sec

shallow array clone comparison with random data (version: 0)

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 vs 8. lodash.map vs 9. lodash cloneDeep vs 10. lodash clone vs 11. for vs 12. while vs 13. reduce vs 14. Object.assign

Created: 5 years ago by: Registered User

Jump to the latest result

1. concat

2. spread

3. slice

4. map

5. Object.values

6. Array.from

7. JSON.stringify

8. lodash.map

9. lodash cloneDeep

10. lodash clone

11. for

12. while

13. reduce

14. Object.assign

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A