Benchmark: FilterMap vs Map

Script Preparation code:

var obj = { messages: [
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": true,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  },
  {
    "read": false,
    "message": "testing this message",
    "other_prop": null,
    "type": "customer_message"
  }  
] }

Tests:

Map
let newObj = { messages: []}; newObj.messages = Object.assign([], obj.messages.map(m => { return m.read ? m : Object.assign({}, m, { read: true });}));
FilterMap
let newObj = { messages: []}; newObj.messages = Object.assign([], obj.messages.filter(m => {return m.read === false}).map(m => { return m.read ? m : Object.assign({}, m, { read: true });}));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Map
FilterMap

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 89 on Mac OS X 10.14.4

View result in a separate tab

Test name	Executions per second
Map	297124.4 Ops/sec
FilterMap	668814.9 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the provided benchmark definition, test cases, and results to explain what's being tested, compared, and their pros and cons.

**Benchmark Definition**

The benchmark measures the performance difference between two approaches: `FilterMap` and `Map`. The script preparation code provides an object `obj` with an array of objects `messages`, where each message has a `read` property. The objective is to create a new array with only the messages that have `read` set to `false`.

**Script Preparation Code**

```javascript
var obj = { messages: [\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": true,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  },\r\n  {\r\n    "read": false,\r\n    "message": "testing this message\",\r\n    "other_prop": null,\r\n    "type": "customer_message\"\r\n  }  \r\n] };
```

**Html Preparation Code**

There is no HTML preparation code provided.

**Individual Test Cases**

The benchmark consists of two test cases:

1. **Map**: The `Benchmark Definition` uses the `map()` method to create a new array with only the messages that have `read` set to `false`. Specifically, it uses `m => m.read ? m : Object.assign({}, m, { read: true })`.
2. **FilterMap**: The `Benchmark Definition` uses both the `filter()` and `map()` methods to achieve the same result as in the `Map` test case. It first filters out messages with `read` set to `true`, then maps each remaining message to an object with its original properties plus a new `read` property set to `true`.

**Comparison**

The benchmark compares the performance of these two approaches:

* **FilterMap**: Uses both `filter()` and `map()`.
* **Map**: Only uses `map()`.

**Pros and Cons**

1. **FilterMap**:
	* Pros: May be more efficient because it avoids unnecessary operations by filtering out messages with `read` set to `true` first.
	* Cons: Can lead to higher memory usage due to the creation of a new array.
2. **Map**:
	* Pros: Only uses a single operation (`map()`) and can be more concise.
	* Cons: May be slower because it iterates over the entire array, even if some elements are filtered out.

Other considerations:

* Both approaches create a new array with modified messages, which may lead to performance differences depending on the size of the input data.
* The use of `Object.assign()` and its variants (like `Object.assign({}, m, { read: true })`) might introduce additional overhead due to function call overhead or potential cache misses.

**Alternative Approaches**

Other approaches could be considered:

1. **Array.prototype.reduce()**: This method can be used to accumulate the modified messages in a single operation.
```javascript
messages.reduce((acc, message) => acc.concat(message.read ? {} : { read: false }), []);
```
2. **Arrow functions**: Using arrow functions with `map()` and `filter()` might provide additional performance benefits due to the reduced overhead of function creation.

Keep in mind that these alternative approaches may have different trade-offs and potential drawbacks compared to the original `FilterMap` and `Map` methods.

Related benchmarks:

FilterMap vs Map (version: 0)

Comparing performance of: Map vs FilterMap

Created: 3 years ago by: Guest

Jump to the latest result

Map

FilterMap

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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