Run results for: Object for...in vs for...index with prototype 2

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; MI 8 UD Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.101 Mobile Safari/537.36

Browser: Chrome Mobile 83

Operating system: Android

Device Platform: Mobile

Date tested: 6 months ago

Test name	Executions per second
forIn	0.0 Ops/sec
forIndex	8540.2 Ops/sec

HTML Preparation code:

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

Script Preparation code:

// 生成测试对象
const createTestObject = (size) => {
  // 父对象（原型）
  const parent = {
    parentProp1: 'parent',
    parentProp2: 'parent2',
    parentProp3: {},
    parentProp4: [],
    parentMethod1() {
      return 'parentMethod';
    },
     parentMethod2() {
      return 'parentMethod';
    },
     parentMethod3() {
      return 'parentMethod';
    },
  };

  // 子对象（继承 Parent）
  const child = Object.create(parent);
  
  for (let i = 0; i < size; i++) {
    child[`key${i}`] = i;
  }
  return child;
};

// 测试 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(1e3);

Tests:

forIn
testForIn(obj)
forIndex
testObjectKeysFor(obj)

Run results for: Object for...in vs for...index with prototype 2

forIn

forIndex