Benchmark: find by id and replace in array [lodash vs js vs ramda]

HTML Preparation code:

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash-fp/0.10.4/lodash-fp.min.js"></script>

Script Preparation code:

var arr = [{id: 1, name: "Person 1"}, {id: 2, name: "Person 2"}];

Tests:

lodash map
var newArr = _.map(arr, function(a) { return a.id === 1 ? {id: 1, name: "Person New Name"} : a; });
es6 map
// ES6 var newArr = arr.map(function(a) { return a.id === 1 ? {id: 1, name: "Person New Name"} : a; });
lodash findIndex and splice
var index = _.findIndex(arr, {id: 1}); // Replace item at index using native splice arr.splice(index, 1, {id: 100, name: 'Person New Name'});
ramda findIndex and splice
const index = R.findIndex(R.propEq('id', 1))(arr) arr.splice(index, 1, {id: 100, name: 'Person New Name'});
ramda map
var newArr = R.map(function(a) { return a.id === 1 ? {id: 1, name: "Person New Name"} : a; })(arr);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash map
es6 map
lodash findIndex and splice
ramda findIndex and splice
ramda map

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: 2 months ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.5993.675 YaBrowser/23.11.1.675 (beta) Yowser/2.5 Safari/537.36

Browser/OS: Yandex Browser 23 on Linux

View result in a separate tab

Test name	Executions per second
lodash map	1262996.0 Ops/sec
es6 map	34836280.0 Ops/sec
lodash findIndex and splice	6478202.0 Ops/sec
ramda findIndex and splice	2825902.0 Ops/sec
ramda map	9159159.0 Ops/sec

find by id and replace in array [lodash vs js vs ramda] (version: 0)

find by id and replace in array [lodash vs js vs ramda]

Comparing performance of: lodash map vs es6 map vs lodash findIndex and splice vs ramda findIndex and splice vs ramda map

Created: 2 years ago by: Registered User

Jump to the latest result

lodash map

es6 map

lodash findIndex and splice

ramda findIndex and splice

ramda map

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A