Run results for: find vs for..break

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Browser: Safari 15

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
for .. break	226264.6 Ops/sec
find()	543282.4 Ops/sec

HTML Preparation code:

<div id='test'></div>

Tests:

for .. break
class InventoryCategory { constructor(name, lines) { this._name = name; this._lines = lines || []; } getName() { return this._name; } getLines() { return this._lines; } } let categories = [ new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('last', [{ name: 'Line 13' }, { name: 'Line 14' }, { name: 'Line 15' }])] for (const category of categories) { if (category.getName() === name) { return category; } } return null
find()
class InventoryCategory { constructor(name, lines) { this._name = name; this._lines = lines || []; } getName() { return this._name; } getLines() { return this._lines; } } let categories = [ new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('Category 1', [{ name: 'Line 1' }, { name: 'Line 2' }, { name: 'Line 3' }]), new InventoryCategory('Category 2', [{ name: 'Line 4' }, { name: 'Line 5' }, { name: 'Line 6' }]), new InventoryCategory('Category 3', [{ name: 'Line 7' }, { name: 'Line 8' }, { name: 'Line 9' }]), new InventoryCategory('Category 4', [{ name: 'Line 10' }, { name: 'Line 11' }, { name: 'Line 12' }]), new InventoryCategory('last', [{ name: 'Line 13' }, { name: 'Line 14' }, { name: 'Line 15' }])] return categories.find(c => c.getName() === 'last') || null;

Run results for: find vs for..break

for .. break

find()