Benchmark: Object.entries vs ...

Script Preparation code:

var obj = {};
for (let i = 0; i < 100000; i++) {
  obj[i] = i;
}

var ObjToArr = (obj)=> {
  if (obj == null) { // null 또는 undefined 검사
    throw new TypeError('Cannot convert undefined or null to object');
  }

  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) { // null 또는 undefined 검사
    throw new TypeError('Cannot convert undefined or null to object');
  }

  const result = [];
  Object.keys(obj).forEach((key) => result.push([key, obj[key]]));
  
  return result;
}

var ObjToArr3 = (obj)=> {
  if (obj == null) { // null 또는 undefined 검사
    throw new TypeError('Cannot convert undefined or null to object');
  }

  const result = [];

  Object.keys(obj).forEach((key) => result.push([key, obj[key]]));
  
  return result;
}

var ObjToArr4 = (obj)=> {
  if (obj == null) { // null 또는 undefined 검사
    throw new TypeError('Cannot convert undefined or null to object');
  }

  const result = []
  for(const key of Object.keys(obj)) result.push([key, obj[key]]);
  
  return result;
}


var ObjToArr5 = (obj)=> {
  if (obj == null) return;

  const result = []
  for(const key in obj) result.push([key, obj[key]]);
  
  return result;
}

Tests:

ObjToArr4
ObjToArr4(obj);
Object.entries
Object.entries(obj);
ObjToArr3
ObjToArr3(obj);
ObjToArr2
ObjToArr2(obj);
ObjToArr5
ObjToArr5(obj);
ObjToArr
ObjToArr(obj);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ObjToArr4
Object.entries
ObjToArr3
ObjToArr2
ObjToArr5
ObjToArr

Fastest: N/A

Slowest: N/A

Latest run results:

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

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/OS: Chrome 128 on Windows

View result in a separate tab

Test name	Executions per second
ObjToArr4	178.8 Ops/sec
Object.entries	156.5 Ops/sec
ObjToArr3	232.3 Ops/sec
ObjToArr2	235.8 Ops/sec
ObjToArr5	216.2 Ops/sec
ObjToArr	201.4 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and explain what is being tested.

**Benchmark Definition**

The benchmark definition is represented by an array of objects, each containing a "Benchmark Definition" property. This property represents the JavaScript code that will be executed for each test case. In this case, there are six test cases:

1. `ObjToArr4(obj);`
2. `Object.entries(obj);`
3. `ObjToArr3(obj);`
4. `ObjToArr2(obj);`
5. `ObjToArr5(obj);`
6. `ObjToArr(obj);`

**Test Cases**

Each test case is comparing the performance of a different way to convert an object to an array.

1. **`Object.entries(obj);`**: This uses the built-in `Object.entries()` method, which returns an array of a given object's own enumerable string-keyed property [key, value] pairs.
2. **`ObjToArr4(obj);`**: This is a custom implementation that iterates over the object's keys and pushes each key-value pair onto an array using `push()`.
3. **`ObjToArr3(obj);`**: Similar to `ObjToArr4`, but uses a different loop syntax.
4. **`ObjToArr2(obj);`**: This is another custom implementation that iterates over the object's keys and pushes each key-value pair onto an array using `push()`. It also checks for null or undefined values.
5. **`ObjToArr5(obj);`**: This uses a `for...in` loop to iterate over the object's properties (both own enumerable and non-enumerable) and pushes each key-value pair onto an array.
6. **`ObjToArr(obj);`**: Similar to `Object.entries()`, but without checking for null or undefined values.

**Libraries**

None of these test cases use any external libraries.

**Special JS Features/Syntax**

* None mentioned explicitly, but some implementations (e.g., `ObjToArr4`) might be using modern JavaScript features like arrow functions and destructuring.
* `Object.entries()` is a built-in method in modern browsers and Node.js, so no special syntax is required to use it.

**Pros and Cons of Different Approaches**

Each approach has its trade-offs:

1. **`Object.entries()`**: Simple, efficient, and widely supported. May not be as customizable.
2. **Custom implementations (e.g., `ObjToArr4`, `ObjToArr3`)**: More control over the conversion process, but may incur overhead due to manual iteration.
3. **`for...in` loop ( ObjToArr5 )**: Can iterate over non-enumerable properties, but may not be as efficient as other approaches.

**Benchmark Results**

The benchmark results show that `Object.entries()` is generally the fastest approach, followed by the custom implementations (`ObjToArr4` and `ObjToArr3`). The `for...in` loop implementation (`ObjToArr5`) is slower than both.

Related benchmarks:

Object.entries vs ... (version: 0)

Comparing performance of: ObjToArr4 vs Object.entries vs ObjToArr3 vs ObjToArr2 vs ObjToArr5 vs ObjToArr

Created: one year ago by: Guest

Jump to the latest result

ObjToArr4

Object.entries

ObjToArr3

ObjToArr2

ObjToArr5

ObjToArr

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):