Run results for: Copy via reduce vs spread

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Browser: Safari 16

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
copy via reduce	228651.4 Ops/sec
copy via spread	271560.2 Ops/sec

Script Preparation code:

var reduce = (vals) => {
    return Object.entries(colors).reduce( (prev, [key, value]) => {
        /** Values need to be strings that are valid CSS colors */
        if (!value
            || typeof value !== "string" 
            || !CSS.supports("color", value)
        ) {
            throw new TypeError(`Expected valid CSS color; not ${value}`);
        }

        prev[key] = value;
        return prev;
    }, {});
}

var spread = (vals) => {
  for (const k in vals) {
    const value = vals[k]
    if (!value
        || typeof value !== "string" 
        || !CSS.supports("color", value)
	) {
		throw new TypeError(`Expected valid CSS color; not ${value}`);
	}
  }
  return {...vals}
}


var colors = {
    "hood": "rgb(161, 33, 148)",
    "frontbumper": "rgb(62, 237, 63)",
    "fenderL": "rgb(118, 208, 242)",
    "door1L": "rgb(255, 2, 66)",
    "door2L": "rgb(120, 69, 181)",
    "sideframeL": "rgb(211, 191, 91)",
    "roof": "rgb(81, 163, 226)",
    "sideskirtL": "rgb(23, 183, 150)",
    "door1R": "rgb(157, 64, 99)",
    "fenderR": "rgb(2, 48, 26)",
    "door2R": "rgb(139, 19, 179)",
    "sideskirtR": "rgb(141, 59, 133)",
    "sideframeR": "rgb(49, 97, 193)",
    "backbumper": "rgb(223, 68, 155)",
    "tailgate": "rgb(204, 28, 50)",
};

Tests:

copy via reduce
const new_colors = reduce(colors)
copy via spread
const new_colors = spread(colors)

Run results for: Copy via reduce vs spread

copy via reduce

copy via spread