Run results for: Array constructor vs literal performance - 100000 items

Run details:

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

Browser: Chrome 124

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Array literal (explicit length) - 100000 items

1K/s

Array constructor - 100000 items

1K/s

Array literal (assign by index) - 100000 items

1K/s

Array literal - 100000 items

1K/s

View exact numbers

Test name	Executions per second
✓ Array literal (explicit length) - 100000 items	1,485 Ops/sec
Array constructor - 100000 items	1,484 Ops/sec
Array literal (assign by index) - 100000 items	1,451 Ops/sec
Array literal - 100000 items	1,391 Ops/sec

Script Preparation code:

var n = 10000;

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Tests:

Array constructor - 100000 items
var arr = new Array(n); for (var i = 0; i < n; i++) { arr[i] = new Person(i + '', i); }
Array literal - 100000 items
var arr = []; for (var i = 0; i < n; i++) { arr.push(new Person(i + '', i)); }
Array literal (assign by index) - 100000 items
var arr = []; for (var i = 0; i < n; i++) { arr[i] = new Person(i + '', i); }
Array literal (explicit length) - 100000 items
var arr = []; arr.length = n; for (var i = 0; i < n; i++) { arr[i] = new Person(i + '', i); }