Benchmark: Object for...in vs for...index

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

// 生成测试对象
const createTestObject = (size) => {
  const obj = {};
  for (let i = 0; i < size; i++) {
    obj[`key${i}`] = i;
  }
  return obj;
};

// 测试 for...in
function testForIn(obj) {
  const start = performance.now();
  for (const key in obj) {
    if (Object.hasOwn(obj, key)) {
      const value = obj[key];
    }
  }
  return performance.now() - start;
}

// 测试 Object.keys + for
function testObjectKeysFor(obj) {
  const start = performance.now();
  const keys = Object.keys(obj);
  for (let i = 0; i < keys.length; i++) {
    const key = keys[i];
    const value = obj[key];
  }
  return performance.now() - start;
}

// 运行测试
const obj = createTestObject(1e6);

Tests:

forIn
testForIn(obj)
forIndex
testObjectKeysFor(obj)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
forIn
forIndex

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 6 months ago)

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

Browser/OS: Chrome 142 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
forIn	6.7 Ops/sec
forIndex	7.6 Ops/sec

Related benchmarks:

Object for...in vs for...index (version: 1)

Comparing performance of: forIn vs forIndex

Created: 6 months ago by: Guest

Jump to the latest result

forIn

forIndex

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A