Run results for: Monomorphic vs Typed Monomorphic vs Empty Object prop assignment

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Browser: Chrome 125

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Monomorphic Typed

6.9M/s

Monomorphic

6.8M/s

Empty Object

6.1M/s

View exact numbers

Test name	Executions per second
✓ Monomorphic Typed	6,891,671 Ops/sec
Monomorphic	6,825,592 Ops/sec
Empty Object	6,057,237 Ops/sec

Script Preparation code:

const source = {
    a: "",
    b: "",
    c: "",
    setA: function() {
        this.a = "";
    },
    setB: function() {
        this.b = "";
    },
    setC: function() {
        this.c = "";
    },
};

function assignProps1(target) {
    for (const key in source) {
        target[key] = source[key];
    }
};
function assignProps2(target) {
    for (const key in source) {
        target[key] = source[key];
    }
};
function assignProps3(target) {
    for (const key in source) {
        target[key] = source[key];
    }
};


const noop = function() {};

function getMonoData() {
    return {
        a: null,
        b: null,
        c: null,
        setA: null,
        setB: null,
        setC: null
    };
}

function getTypedData() {
    return {
        a: "",
        b: "",
        c: "",
        setA: noop,
        setB: noop,
        setC: noop
    };
}

function getEmptyData() {
    return {};
}

Tests:

Monomorphic
assignProps1(getMonoData());
Monomorphic Typed
assignProps2(getTypedData());
Empty Object
assignProps3(getEmptyData());