Run results for: Object.entries vs ......

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
✓ ObjToArr	297 Ops/sec
ObjToArr4	244 Ops/sec
ObjToArr3	229 Ops/sec
ObjToArr2	220 Ops/sec
Object.entries	155 Ops/sec

Script Preparation code:

var obj = {};
for (let i = 0; i < 100000; i++) {
  obj[i] = i;
}

var ObjToArr = (obj)=> {
  if (obj == null) return;

  const ownProps = Object.keys(obj); // 객체의 자체 열거 가능한 속성 키를 가져옵니다.
  const length = ownProps.length;
  const result = new Array(length);

  for (let i = 0; i < length; i++) {
    result[i] = [ownProps[i], obj[ownProps[i]]]; // [key, value] 쌍을 생성합니다.
  }

  return result;
}

var ObjToArr2 = (obj)=> {
  if (obj == null) return;

  const result = [];
  Object.keys(obj).forEach((key) => result.push([key, obj[key]]));
  
  return result;
}

var ObjToArr3 = (obj)=> {
  if (obj == null) return;

  const result = []
  for(const key of Object.keys(obj)) result.push([key, obj[key]]);
  
  return result;
}


var ObjToArr4 = (obj)=> {
  if (obj == null) return;

  const result = []
  for(const key in obj) result.push([key, obj[key]]);
  
  return result;
}