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

Browser: Chrome 74

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
1. concat	90.1 Ops/sec
2. spread	141.4 Ops/sec
3. slice	154.0 Ops/sec
4. map	22.1 Ops/sec
5. Object.values	79.0 Ops/sec
6. Array.from	133.2 Ops/sec
7. JSON.stringify	1.1 Ops/sec
8. lodash.map	31.5 Ops/sec
9. lodash cloneDeep	5.9 Ops/sec
10. lodash clone	116.4 Ops/sec
11. for	2.8 Ops/sec
12. while	3.4 Ops/sec
13. reduce	15.5 Ops/sec
14. Object.assign	1.1 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