Benchmark: Assign object props

Script Preparation code:

const readonly = (prop) => typeof prop === 'function'
  ? { configurable: false, enumerable: true, get: prop }
  : { configurable: false, enumerable: true, value: prop, writable: false };
const readonlyExpand = (props) => Object.entries(props).reduce((prev, [k, v]) => {
  prev[k] = readonly(v);
  return prev;
}, {});

function test1() {
  return {
    a: 'a',
    b: 'b',
    c: 'c',
    d: 'd',
    e: 'e',
    f: 'f'
  };
}

class Test2Class {
  constructor() {
    this.a = 'a';
    this.b = 'b';
    this.c = 'c';
    this.d = 'd';
    this.e = 'e';
    this.f = 'f';
  }
}

function test2() {
  return new Test2Class();
}

function test3() {
  return Object.defineProperties({
    a: 'a',
    b: 'b',
    c: 'c',
    d: 'd',
    e: 'e',
    f: 'f'
  }, {});
}

function test4() {
  return Object.defineProperties({}, readonlyExpand({
    a: 'a',
    b: 'b',
    c: 'c',
    d: 'd',
    e: 'e',
    f: 'f'
  }));
}

function test5() {
  return Object.assign({}, {
    a: 'a',
    b: 'b',
    c: 'c',
    d: 'd',
    e: 'e',
    f: 'f'
  });
}

function test6() {
  return Object.assign({
    a: 'a',
    b: 'b',
    c: 'c',
    d: 'd',
    e: 'e',
    f: 'f'
  });
}

function test7() {
  return Object.defineProperties({}, {
    a: readonly('a'),
    b: readonly('b'),
    c: readonly('c'),
    d: readonly('d'),
    e: readonly('e'),
    f: readonly('f')
  });
}

class Test8 {
  constructor() {
  }

  get a() {
    return 'a';
  }

  get b() {
    return 'b';
  }

  get c() {
    return 'c';
  }

  get d() {
    return 'd';
  }

  get e() {
    return 'e';
  }

  get f() {
    return 'f';
  }
}

function test8() {
  return new Test8();
}

function test9() {
  return {
    get a() {
      return 'a';
    },

    get b() {
      return 'b';
    },

    get c() {
      return 'c';
    },

    get d() {
      return 'd';
    },

    get e() {
      return 'e';
    },

    get f() {
      return 'f';
    },
  };
}

Tests:

test1
test1();
test2
test2();
test3
test3();
test4
test4();
test5
test5();
test6
test6();
test7
test7()
test8
test8();
test9
test9();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
test1
test2
test3
test4
test5
test6
test7
test8
test9

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 110 on Windows

View result in a separate tab

Test name	Executions per second
test1	29581800.0 Ops/sec
test2	29443630.0 Ops/sec
test3	8282151.0 Ops/sec
test4	712374.2 Ops/sec
test5	6508200.0 Ops/sec
test6	10214250.0 Ops/sec
test7	1006694.0 Ops/sec
test8	29401260.0 Ops/sec
test9	2183062.0 Ops/sec

Assign object props (version: 3)

Assign object props

Comparing performance of: test1 vs test2 vs test3 vs test4 vs test5 vs test6 vs test7 vs test8 vs test9

Created: one year ago by: Registered User

Jump to the latest result

test1

test2

test3

test4

test5

test6

test7

test8

test9

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A