Run results for: shallow array clone comparison with random data

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:66.0) Gecko/20100101 Firefox/66.0

Browser: Firefox 66

Operating system: Mac OS X 10.14

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
1. concat	73.2 Ops/sec
2. spread	40.5 Ops/sec
3. slice	140.6 Ops/sec
4. map	108.8 Ops/sec
5. Object.values	63.4 Ops/sec
6. Array.from	38.7 Ops/sec
7. JSON.stringify	3.3 Ops/sec
8. lodash.map	87.5 Ops/sec
9. lodash cloneDeep	11.5 Ops/sec
10. lodash clone	93.5 Ops/sec
11. for	71.8 Ops/sec
12. while	61.4 Ops/sec
13. reduce	96.3 Ops/sec
14. Object.assign	9.3 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