Run results for: Array.prototype.concat vs push apply vs spread operator

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36 Edg/91.0.864.48

Browser: Chrome 91

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Tests:

Using concat
const arr1 = ["test", true ,"concat", 791, "push"] const arr2 = [false, "es", 6, "spread operator", "measurethat.net"] const newArr = arr2.concat(arr1);
Using prototype.push.apply
const arr1 = ["test", true ,"concat", 791, "push"] const arr2 = [false, "es", 6, "spread operator", "measurethat.net"] Array.prototype.push.apply(arr1, arr2);
Using arr1.push.apply
const arr1 = ["test", true ,"concat", 791, "push"] const arr2 = [false, "es", 6, "spread operator", "measurethat.net"] arr1.push.apply(arr1, arr2);
Using push spread operator
const arr1 = ["test", true ,"concat", 791, "push"] const arr2 = [false, "es", 6, "spread operator", "measurethat.net"] arr1.push(...arr2)
Using spread operator
const arr1 = ["test", true ,"concat", 791, "push"] const arr2 = [false, "es", 6, "spread operator", "measurethat.net"] const newArr = [...arr1, ...arr2]