Run results for: Proxy get like redux state

Run details:

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

Browser: Chrome 110

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Just spread	153214.7 Ops/sec
new proxy everytime	1424431.1 Ops/sec
One time proxy	2023706.5 Ops/sec

Script Preparation code:

originalState = {
  a: {},
  b: {},
  c: {},
  d: {},
  e: {},
  f: {},
  g: {},
  h: {},
  i: {},
  j: {},
  k: {},
  l: {},
  m: {},
  n: {},
  o: {},
  p: {},
  q: {},
  r: {},
  s: {},
  t: {},
  u: {},
  v: {},
  w: {},
  x: {},
  y: {},
  z: {},
}
secondState = {
  a: {},
  b: {},
  c: {},
  d: {},
  e: {},
  f: {},
  g: {},
  h: {},
  i: {},
  j: {},
  k: {},
  l: {},
  m: {},
  n: {},
  o: {},
  p: {},
  q: {},
  r: {},
  s: {},
  t: {},
  u: {},
  v: {},
  w: {},
  x: {},
  y: {},
  z: {},
}
originalKeys = new Set(['a']);
function pickBy(obj, fn) {
  return Object.keys(obj).reduce((acc, key) => {
    if (fn(obj[key], key, obj)) {
      acc[key] = obj[key];
    }
    return acc;
  }, {});
};
proxy = new Proxy(secondState, {
  get: (_, prop) =>
    originalKeys.has(prop)
      ? originalState[prop]
      : secondState[prop],
});

Tests:

Just spread
state = { ...originalState, ...pickBy(secondState, (v, k) => !originalKeys.has(k)) }
new proxy everytime
p = new Proxy(secondState, { get: (_, prop) => originalKeys.has(prop) ? originalState[prop] : secondState[prop], }); p.a p.b
One time proxy
proxy.a proxy.b

Run results for: Proxy get like redux state

Just spread

new proxy everytime

One time proxy