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/129.0.0.0 Safari/537.36 Edg/129.0.0.0

Browser: Chrome 129

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
✓ ObjToArr	292 Ops/sec
ObjToArr3	207 Ops/sec
ObjToArr4	207 Ops/sec
ObjToArr2	190 Ops/sec
Object.entries	154 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;
}