Benchmark: RxJS filter vs if

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.6.2/rxjs.umd.min.js'></script>

Tests:

If
const stream = new rxjs.Subject(); stream.subscribe(v => { if(v) { console.log(v); } }); stream.next(true); stream.next(false); stream.next(true);
Filter
const stream = new rxjs.Subject(); stream.pipe( rxjs.operators.filter(v => v) ).subscribe(v => { console.log(v); }); stream.next(true); stream.next(false); stream.next(true);

Historical Performance Data aggregated from 13 community runs

Desktop Results:

Chrome 8 runs

83K/s

Filter

69K/s

Fastest: If (1.2x faster)

View exact numbers

✓ If: 83,359 ops/sec
• Filter: 69,119 ops/sec

Firefox 5 runs

112K/s

Filter

105K/s

View exact numbers

✓ If: 111,672 ops/sec
• Filter: 105,391 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
If
Filter

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/132.0.0.0 Safari/537.36

Browser/OS: Chrome 132 on Windows

View result in a separate tab

Filter

57K/s

53K/s

View exact numbers

Test name	Executions per second
✓ Filter	57,138 Ops/sec
If	53,073 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the Benchmark Definition and test cases.

**Benchmark Purpose**

The benchmark tests two approaches to filter data in an RxJS (Reactive Extensions for JavaScript) stream:

1. **If Statement**: This approach uses a traditional if statement to check if the value is true, and logs it to the console if it is.
2. **RxJS `filter()` Operator**: This approach uses the `filter()` operator provided by RxJS to filter out values that are false.

**Options Comparison**

The benchmark compares two options:

* **If Statement**: A traditional approach using a conditional statement to filter data.
* **RxJS `filter()` Operator**: A functional programming approach using the `filter()` operator from RxJS.

**Pros and Cons of Each Approach**

* **If Statement**:
	+ Pros: Simple, easy to understand, and can be used in various contexts.
	+ Cons: Can lead to performance issues if not optimized correctly, as it involves repeated checks on each value.
* **RxJS `filter()` Operator**:
	+ Pros: Provides a declarative way of filtering data, which can lead to more efficient code. It also allows for easy reuse and composition of filters.
	+ Cons: Requires knowledge of RxJS operators and can be less intuitive than traditional if statements.

**Libraries and Their Purpose**

The benchmark uses the following library:

* **RxJS**: A library for reactive programming in JavaScript, providing a set of operators to handle asynchronous data streams. In this benchmark, it's used for creating an observable stream and applying the `filter()` operator.

**Special JS Features or Syntax**

There are no special JavaScript features or syntax mentioned in the benchmark. The code uses standard JavaScript syntax and RxJS operators.

**Other Alternatives**

If you want to avoid using RxJS, you can use other libraries or frameworks that provide similar functionality, such as:

* **Lodash**: Provides a `filter()` function for arrays and objects.
* **Preact**: A lightweight alternative to React that provides a way to filter data using the `filter()` method.

Alternatively, you can also implement your own filtering logic without using any external libraries. However, this would likely result in more verbose code and potentially lower performance compared to using RxJS or other established libraries.

RxJS filter vs if (version: 0)

Comparing performance of: `If vs Filter`

Created: 5 years ago by: Guest

Go to the latest result

If

Filter

Historical Performance Data aggregated from 13 community runs

Desktop Results:

Chrome 8 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

RxJS filter vs if (version: 0)

Comparing performance of: If vs Filter

Created: 5 years ago by: Guest

Go to the latest result

If

Filter

Historical Performance Data aggregated from 13 community runs

Desktop Results:

Chrome 8 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `If vs Filter`