Benchmark: Object.keys vs Object.entries vs for...in with filtering properties

Script Preparation code:

const props = {
  href: '/',
  class: 'link',
  'data-test-id': 'test',
  'data-test-name': '테스트',
};

Tests:

Object.keys
Object.keys(props).reduce((acc, key) => { if (key.indexOf('data-test-') !== -1) { acc[key] = props[key]; } return acc; }, {});
Object.entries
Object.entries(props).reduce((acc, [key, value]) => { if (key.indexOf('data-test-') !== -1) { acc[key] = value; } return acc; }, {});
for...in
const result = {}; for (const key in props) { if (key.indexOf('data-test-') !== -1) { result[key] = props[key]; } }

Rendered benchmark preparation results:

Previous results

Latest run results:

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

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

Browser/OS: Chrome 135 on Mac OS X 10.15.7

Related benchmarks:

Object.keys vs Object.entries vs for...in with filtering properties (version: 1)