Run results for: Array Fill comparison

Run details:

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

Browser: Chrome 121

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array fill (has reference issues)	2511097.2 Ops/sec
Array from	133875.0 Ops/sec
Array map	111942.2 Ops/sec
For and push	61496.6 Ops/sec
Array spread operator	111136.6 Ops/sec

HTML Preparation code:

<div id=''></div>

Script Preparation code:

var ARRAY_SIZE = 250;

var createSampleObject = function() {
    return {
        "id": 538,
        "uid": "9b14d2b5-a0c5-409d-a8bf-4b569a5ce10b",
        "vin": "54A1LF7KKBT858198",
        "make_and_model": "Honda Odyssey",
        "color": "Violet",
        "transmission": "Automatic",
        "drive_type": "RWD",
        "fuel_type": "Ethanol",
        "car_type": "Regular Cab Pickup",
        "car_options": [
            "Rear Window Defroster",
            "MP3 (Single Disc)",
            "Airbag: Driver",
            "CD (Multi Disc)",
            "Alloy Wheels",
            "Cruise Control",
            "Rear Window Wiper",
            "MP3 (Multi Disc)",
            "Power Locks"
        ],
        "specs": [
            "Bright pedals",
            "Immobilizer system",
            "Pwr accessory delay",
            "Enhanced accident response system unlocks the doors, shuts off the fuel pump and turns on interior lights after airbag deploys",
            "Carpeted cargo area",
            "Floor carpeting",
            "Black windshield molding",
            "Optitron electroluminescent instrumentation"
        ],
        "doors": 2,
        "mileage": 16246,
        "kilometrage": 86360,
        "license_plate": "DQX-9667"
    }
};

Tests:

Array fill (has reference issues)
new Array(ARRAY_SIZE).fill(createSampleObject());
Array from
Array.from({ length: ARRAY_SIZE }, createSampleObject);
Array map
new Array(ARRAY_SIZE).fill().map(() => createSampleObject() );
For and push
const arr = []; for (let i = 0; i < ARRAY_SIZE; i++) { arr.push(createSampleObject()); }
Array spread operator
[...new Array(ARRAY_SIZE)].map(() => createSampleObject());

Run results for: Array Fill comparison

Comparison with different methods of Array Fill, to avoid object reference.

Array fill (has reference issues)

Array from

Array map

For and push

Array spread operator