Run results for: Filter state 1000000 elements

Run details:

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

Browser: Chrome 68

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
Object spread	40.3 Ops/sec
Object assign	40.8 Ops/sec
Immutable	409091.4 Ops/sec

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)

Run results for: Filter state 1000000 elements

Plain JS

Immutable

Immutable Deep