Benchmark: jQuery eq vs access by index

HTML Preparation code:

<div id="testRoot">
  <span>1</span>
  <span>1</span>
  <span>1</span>
  <span>1</span>
  <span>1</span>
  <span>1</span>
  <span>1</span>
</div>

Script Preparation code:

var elements = $("#testRoot span");
var len = elements.length;

Tests:

Use eq
for (var i = 0; i < len; i++){ var t = elements.eq(i).textContent; }
Use get
for (var i = 0; i < len; i++){ var t = elements.get(i).textContent; }
Use array like access
for (var i = 0; i < len; i++){ var t = elements[i].textContent; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Use eq
Use get
Use array like access

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: 7 years ago)

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

Browser/OS: Chrome 53 on Windows

View result in a separate tab

Test name	Executions per second
Use eq	72889.4 Ops/sec
Use get	144004.9 Ops/sec
Use array like access	139834.0 Ops/sec

jQuery eq vs access by index (version: 3)

https://api.jquery.com/eq/ vs https://api.jquery.com/get/

Comparing performance of: Use eq vs Use get vs Use array like access

Created: 7 years ago by: Registered User

Jump to the latest result

Use eq

Use get

Use array like access

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A