Benchmark: Editing test - MeasureThat.net

Tests:

Edting 1
var users = [ { id: '1', name: 'User 1', rating: 3, properties: [ { name: 'Duplex Flat', neighborhood: 'Friderichshain' }, { name: 'Cozy Apartment', neighborhood: 'Friderichshain' } ] }, { id: '2', name: 'User 2', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, { id: '3', name: 'User 3', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, { id: '4', name: 'User 4', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, { id: '5', name: 'User 5', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, { id: '6', name: 'User 6', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] } ]; var newUsers = users.map(item => item.id === '2' ? {...item, name: 'edited name' } : item)
Editing 2
var users = { 1: { id: '1', name: 'User 1', rating: 3, properties: [ { name: 'Duplex Flat', neighborhood: 'Friderichshain' }, { name: 'Cozy Apartment', neighborhood: 'Friderichshain' } ] }, 2: { id: '2', name: 'User 2', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 3: { id: '3', name: 'User 3', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 4: { id: '4', name: 'User 4', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 5: { id: '5', name: 'User 5', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 6: { id: '5', name: 'User 5', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] } }; var newUsers = { ...users, 2: { ...users['2'], name: 'edited name' } };
Editing 3
var users = { 1: { id: '1', name: 'User 1', rating: 3, properties: [ { name: 'Duplex Flat', neighborhood: 'Friderichshain' }, { name: 'Cozy Apartment', neighborhood: 'Friderichshain' } ] }, 2: { id: '2', name: 'User 2', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 3: { id: '3', name: 'User 3', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 4: { id: '4', name: 'User 4', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 5: { id: '5', name: 'User 5', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] }, 6: { id: '5', name: 'User 5', rating: 2, properties: [{ name: 'Single Room', neighborhood: 'Lichtenberg' }] } }; users['2'].name = 'edited name'

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Edting 1
Editing 2
Editing 3

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 28 days ago):

LLMs can make mistakes. Check important info.

I'll break down the benchmark and its components to help understand what's being tested.

**Benchmark Overview**

The benchmark measures the performance of editing operations on an array of objects in JavaScript.

**Options Compared**

There are three options being compared:

1. **Option 1**: `var newUsers = users.map(item => item.id === '2' ? {...item, name: 'edited name'} : item)`
	* This option uses the `map()` method to create a new array with edited elements.
	* The callback function checks if the current element's ID is '2', and if so, creates a new object with an updated `name` property using object destructuring (`{...item, name: 'edited name'}`).
	* If the condition is not met, the original element is returned unchanged.
2. **Option 2**: `var newUsers = { ...users, 2: { ...users['2'], name: 'edited name' } }`
	* This option uses object spread (`{ ...users, ... }`) to create a new object with updated elements.
	* The inner object is created by spreading the existing element at index `2` (`users['2']`) and then updating its `name` property.
3. **Option 3**: `users['2'].name = 'edited name'`
	* This option updates the `name` property of a specific element directly.

**Test Environment**

The benchmark is run on a desktop platform with Chrome 74, Mac OS X 10.14.4, and an Intel processor.

**Interpretation**

The benchmark measures how many elements can be edited (i.e., updated) per second across the three options. The results indicate that:

* Option 1 (using `map()`) is slightly faster than Option 2 (using object spread).
* Option 3 (directly updating the element's property) is significantly slower.

This suggests that using a more efficient data structure and operation, like option 1, can lead to better performance when editing large datasets.

Latest run results:

Run details: (Test run date: 5 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36

Browser/OS: Chrome 74 on Mac OS X 10.14.4

View result in a separate tab

Test name	Executions per second
Edting 1	895898.9 Ops/sec
Editing 2	807489.9 Ops/sec
Editing 3	876904.9 Ops/sec

Related benchmarks:

Editing test (version: 3)

Comparing performance of: Edting 1 vs Editing 2 vs Editing 3

Created: 5 years ago by: Registered User

Jump to the latest result

Edting 1

Editing 2

Editing 3

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 28 days ago):