Run results for: shallow array clone comparison with random data

Run details:

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

Browser: Firefox 68

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
1. concat	101.7 Ops/sec
2. spread	39.4 Ops/sec
3. slice	146.3 Ops/sec
4. map	88.2 Ops/sec
5. Object.values	59.0 Ops/sec
6. Array.from	30.6 Ops/sec
7. JSON.stringify	2.7 Ops/sec
8. lodash.map	79.9 Ops/sec
9. lodash cloneDeep	7.4 Ops/sec
10. lodash clone	109.2 Ops/sec
11. for	64.7 Ops/sec
12. while	57.6 Ops/sec
13. reduce	114.5 Ops/sec
14. Object.assign	6.4 Ops/sec

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

Run results for: shallow array clone comparison with random data

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