Benchmark: JQuery.grep vs Array.find

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:

Rendered benchmark preparation results:

Previous results

Test case name	Result
$.grep
Array.find

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

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Chrome 122 on Windows

Test name	Executions per second
$.grep	2337201.0 Ops/sec
Array.find	4748564.0 Ops/sec

JQuery.grep vs Array.find (version: 0)