Benchmark: dynamic create object vs array vs buffered

Tests:

dynamic create object integer value
var object = {}; object["p1"] = 1; object["p2"] = 2; object["p3"] = 3; object["p4"] = 4; object["p5"] = 5; object["p6"] = 6; object["p7"] = 7; object["p8"] = 8; object["p9"] = 9;
dynamic create array integer value
var array = []; array.push("p1",1); array.push("p2",2); array.push("p3",3); array.push("p4",4); array.push("p5",5); array.push("p6",6); array.push("p7",7); array.push("p8",8); array.push("p9",9);
dynamic create object string value
var object = {}; object["p1"] = "1"; object["p2"] = "2"; object["p3"] = "3"; object["p4"] = "4"; object["p5"] = "5"; object["p6"] = "6"; object["p7"] = "7"; object["p8"] = "8"; object["p9"] = "9";
dynamic create array string value
var array = []; array.push("p1",1); array.push("p2",2); array.push("p3",3); array.push("p4",4); array.push("p5",5); array.push("p6",6); array.push("p7",7); array.push("p8",8); array.push("p9",9);
buffered array integer values
var array = new Array(20); var i = 0; array[i++] = "p1"; array[i++] = 1; array[i++] = "p2"; array[i++] = 2; array[i++] = "p3"; array[i++] = 3; array[i++] = "p4"; array[i++] = 4; array[i++] = "p5"; array[i++] = 5; array[i++] = "p6"; array[i++] = 6; array[i++] = "p7"; array[i++] = 7; array[i++] = "p8"; array[i++] = 8; array[i++] = "p9"; array[i++] = 9;
buffered array string value
var array = new Array(20); var i = 0; array[i++] = "p1"; array[i++] = "1"; array[i++] = "p2"; array[i++] = "2"; array[i++] = "p3"; array[i++] = "3"; array[i++] = "p4"; array[i++] = "4"; array[i++] = "p5"; array[i++] = "5"; array[i++] = "p6"; array[i++] = "6"; array[i++] = "p7"; array[i++] = "7"; array[i++] = "p8"; array[i++] = "8"; array[i++] = "p9"; array[i++] = "9";

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
dynamic create object integer value
dynamic create array integer value
dynamic create object string value
dynamic create array string value
buffered array integer values
buffered array string value

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Firefox 148 on Linux

View result in a separate tab

Test name	Executions per second
dynamic create object integer value	48691536.0 Ops/sec
dynamic create array integer value	5155670.0 Ops/sec
dynamic create object string value	46298452.0 Ops/sec
dynamic create array string value	5198211.0 Ops/sec
buffered array integer values	13684881.0 Ops/sec
buffered array string value	14126152.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's dive into the benchmark.

**Benchmark Definition**

The benchmark measures the performance of creating objects and arrays using different approaches:

1. `object[\"key\"] = value` (dynamic object creation)
2. `array.push(value)` followed by `array.push(key)` (dynamic array creation)
3. `var object = {};` or `var array = [];` followed by assigning values to properties (buffered object/array creation)

**Options Compared**

The benchmark compares the performance of three options:

1. **Dynamic Object Creation**: Using `object[\"key\"] = value`
2. **Dynamic Array Creation**: Using `array.push(value)` followed by `array.push(key)`
3. **Buffered Object/Array Creation**: Creating an object or array using `var object = {}` or `var array = [];` and then assigning values to properties

**Performance Comparison**

The benchmark results show that:

* Buffered object/array creation (options 1 and 2) is generally faster than dynamic object/array creation (option 3).
* Dynamic array creation (`array.push(value)` followed by `array.push(key)`) is slower than buffered object creation.

**Why the Performance Difference?**

There are several reasons why buffered object/array creation might be faster:

1. **Cache locality**: When creating an object or array using `var object = {}` or `var array = [];`, the browser can cache the initial allocation and subsequent assignments, reducing the number of memory accesses.
2. **Type checking**: Buffered object/array creation avoids type checking, which can slow down dynamic object/array creation.
3. **Native code generation**: Buffered object/array creation may be optimized for native code generation, making it faster.

Keep in mind that these are general observations and may not apply to all use cases or browsers.

**Conclusion**

The benchmark highlights the importance of choosing the most efficient approach when creating objects and arrays in your code. Buffered object/array creation seems to offer a performance advantage over dynamic object/array creation, but it's essential to consider the specific requirements of your application and potential trade-offs for other factors like code readability and maintainability.

Related benchmarks:

dynamic create object vs array vs buffered (version: 0)

Comparing performance of: dynamic create object integer value vs dynamic create array integer value vs dynamic create object string value vs dynamic create array string value vs buffered array integer values vs buffered array string value

Created: 9 years ago by: Guest

Jump to the latest result

dynamic create object integer value

dynamic create array integer value

dynamic create object string value

dynamic create array string value

buffered array integer values

buffered array string value

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):