Run results for: for in vs reduce vs pick vs filter

Test name	Executions per second
✓ reduce	8,764,509 Ops/sec
for in	5,905,041 Ops/sec
filter and fromPairs	5,195,924 Ops/sec
pick	2,069,359 Ops/sec

for in

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

let allowedProps = {};
for (let p in propsToTest) {
  if (!TEXT_PROPS_TO_BLOCK.includes(p)) {
    allowedProps = {[p]: propsToTest[p], ...allowedProps};
  }
}

reduce

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

const newList = Object.keys(propsToTest).reduce((newObj, key) => {
  if (!TEXT_PROPS_TO_BLOCK.includes(key)) {
    newObj[key] = propsToTest[key];
  }
  return newObj;
}, {});

pick

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

_.pick(
  propsToTest,
  Object.keys(propsToTest).filter(prop => !TEXT_PROPS_TO_BLOCK.includes(prop))
);

filter and fromPairs

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

_.fromPairs(Object.entries(propsToTest).filter(([prop, value]) => !TEXT_PROPS_TO_BLOCK.includes(prop)))