Benchmark: JS: find need element in array v.2

HTML Preparation code:

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

Script Preparation code:

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

Tests:

using Array.find
let needItem = items.find(function (item) { return item.id === "3"; });
using JQuery.each cycle
let needItem; $.each(items, function (i, item) { if (item.id === "3") { needItem = item; return false; } });
usign for...of cycle
let needItem; for (item of items) { if (item.id === "3") { needItem = item; break; } }

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/112.0

Browser/OS: Firefox 112 on Linux

JS: find need element in array v.2 (version: 1)