Benchmark: Filter state 1000000 elements

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.min.js"></script>

Script Preparation code:

arr = [];
for(i=0;i<1000000;i++){
  arr.push({
    id: i,
    text: 'some long string which will need to be copied'
  })
}
immuObj = Immutable.Set(arr)
immuObj2 = Immutable.fromJS(arr)

Tests:

Plain JS
const final = arr.filter(val => val.id === 654321)
Immutable
const final = immuObj.filter(val => val.id === 654321)
Immutable Deep
const final = immuObj2.filter(val => val.get('id') === 654321)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Plain JS
Immutable
Immutable Deep

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

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

Browser/OS: Chrome 69 on Windows

View result in a separate tab

Test name	Executions per second
Plain JS	62.6 Ops/sec
Immutable	4.7 Ops/sec
Immutable Deep	5.3 Ops/sec

Filter state 1000000 elements (version: 6)

Comparing performance of: Plain JS vs Immutable vs Immutable Deep

Created: 6 years ago by: Registered User

Jump to the latest result

Plain JS

Immutable

Immutable Deep

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A