Run results for: shallow array clone comparison with random data

Run details:

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

Browser: Chrome 80

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
1. concat	272.6 Ops/sec
2. spread	256.5 Ops/sec
3. slice	255.6 Ops/sec
4. map	26.1 Ops/sec
5. Object.values	115.4 Ops/sec
6. Array.from	260.3 Ops/sec
7. JSON.stringify	2.1 Ops/sec
8. lodash.map	42.9 Ops/sec
9. lodash cloneDeep	9.8 Ops/sec
10. lodash clone	191.6 Ops/sec
11. for	4.1 Ops/sec
12. while	4.1 Ops/sec
13. reduce	14.1 Ops/sec
14. Object.assign	2.0 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