Benchmark: Url parameters to object

Script Preparation code:

var query = 'test=1&test=2&alt=test&b=8&c=9&alt=9';

Tests:

Object.entries with URLSearchParams
var result = Object.fromEntries(new URLSearchParams(query));
map reduce
var result = query.split('&') .map(p => p.split('=')) .reduce((obj, pair) => { const [key, value] = pair.map(decodeURIComponent); obj[key] = value; return obj; }, {});
json parse decodeURI
var result = JSON.parse('{"' + decodeURI(query).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}')
json parse decodeURIComponent
var result = JSON.parse('{"' + query.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) })

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

json parse decodeURI

860K/s

map reduce

813K/s

json parse decodeURIComponent

443K/s

Object.entries with URLSearchParams

279K/s

Fastest: json parse decodeURI (3.1x faster)

View exact numbers

✓ json parse decodeURI: 860,335 ops/sec
• map reduce: 812,633 ops/sec
• json parse decodeURIComponent: 443,347 ops/sec
• Object.entries with URLSearchParams: 279,276 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.entries with URLSearchParams
map reduce
json parse decodeURI
json parse decodeURIComponent

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 137 on Mac OS X 10.15.7

View result in a separate tab

map reduce

1.3M/s

json parse decodeURI

1.3M/s

json parse decodeURIComponent

685K/s

Object.entries with URLSearchParams

505K/s

View exact numbers

Test name	Executions per second
✓ map reduce	1,333,526 Ops/sec
json parse decodeURI	1,295,182 Ops/sec
json parse decodeURIComponent	684,865 Ops/sec
Object.entries with URLSearchParams	505,043 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided JSON represents a JavaScript microbenchmark test case on MeasureThat.net, which compares the performance of different approaches for parsing URL query strings into JavaScript objects.

**Test Cases**

There are four test cases:

1. **Object.entries with URLSearchParams**: This approach uses the `URLSearchParams` API to parse the URL query string and then converts it to a JavaScript object using `Object.entries`.
2. **Map Reduce**: This approach manually splits the URL query string into key-value pairs, maps each pair to an array of two values (key and value), reduces the array of arrays into a single object.
3. **JSON Parse with decodeURI**: This approach uses `decodeURI` to decode the URL query string and then parses it as JSON using `JSON.parse`.
4. **JSON Parse with decodeURIComponent**: This approach also uses `decodeURI` to decode the URL query string, but wraps the parsing logic in a custom function that decodes the value of each key-value pair.

**Options Compared**

The test case compares the performance of these four approaches:

* Object-oriented programming (OOP) vs. manual iteration
* Using built-in APIs (`URLSearchParams`) vs. manual implementation
* JSON parsing with `decodeURI` vs. using a custom decoding function

**Pros and Cons**

Here's a brief summary of the pros and cons of each approach:

1. **Object.entries with URLSearchParams**
	* Pros: concise, readable, uses built-in API.
	* Cons: may have performance overhead due to API usage.
2. **Map Reduce**
	* Pros: flexible, can be optimized for specific use cases.
	* Cons: requires manual implementation, can be less readable.
3. **JSON Parse with decodeURI**
	* Pros: easy to implement, uses standard JSON parsing.
	* Cons: may have performance overhead due to decoding and parsing.
4. **JSON Parse with decodeURIComponent**
	* Pros: custom decoding function can handle edge cases.
	* Cons: more complex implementation, may have performance overhead.

**Library and Custom Function**

The `URLSearchParams` API is a built-in library in modern JavaScript browsers that provides an easy way to parse URL query strings into JavaScript objects. The custom function used in the **JSON Parse with decodeURIComponent** approach (`function(key, value) { return key===\"\"?value:decodeURIComponent(value) }`) decodes the value of each key-value pair using `decodeURIComponent`.

**Special JS Features**

There are no special JS features or syntax mentioned in the benchmark. However, it's worth noting that the use of `URLSearchParams` and JSON parsing assumes modern browsers with support for these APIs.

**Alternatives**

Other alternatives to the approaches tested in this benchmark include:

* Using a library like jQuery.parseJSON() or a custom implementation of JSON parsing.
* Utilizing other query string parsing libraries, such as query-string-parser.
* Implementing a custom parser using a different algorithm or data structure.

Url parameters to object (version: 0)

Comparing performance of: `Object.entries with URLSearchParams vs map reduce vs json parse decodeURI vs json parse decodeURIComponent`

Created: 5 years ago by: Guest

Go to the latest result

Object.entries with URLSearchParams

map reduce

json parse decodeURI

json parse decodeURIComponent

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Url parameters to object (version: 0)

Comparing performance of: Object.entries with URLSearchParams vs map reduce vs json parse decodeURI vs json parse decodeURIComponent

Created: 5 years ago by: Guest

Go to the latest result

Object.entries with URLSearchParams

map reduce

json parse decodeURI

json parse decodeURIComponent

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `Object.entries with URLSearchParams vs map reduce vs json parse decodeURI vs json parse decodeURIComponent`