Run results for: JQuery.grep vs Array.find

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) EdgiOS/100.0.1185.50 Version/15.0 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 15

Operating system: iOS 15.4

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
$.grep	3253764.8 Ops/sec
Array.find	5862257.0 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var array = [{id: "1", name: "1"}, {id: "2", name: "2"}, {id: "3", name: "3"}, {id: "4", name: "4"}, {id: "5", name: "5"}]
var needId = "3";

Tests:

$.grep
$.grep(array, function (element) { return element.id === needId; })[0];
Array.find
array.find(function (element) { return element.id === needId; });

Run results for: JQuery.grep vs Array.find

Compare how to find need element with different functions

$.grep

Array.find