Benchmark: Custom Build Query 3

Script Preparation code:

var querystring = 'foo=bar&baz=qux&quxx=corge&grault=garply&waldo=fred&plugh=xyzzy'

var queryobj = {
  foo: 'bar',
  baz: 'qux',
  quux: 'corge',
  grault: 'garply',
  waldo: 'fred',
  plugh: 'xyzzy'
}

function encode(data) {
  let result = '?'

  for (const key in data) {
    if (data[key] != null) {
      result += key + '=' + data[key] + '&'
    }
  }

  return result.slice(0, -1)
}

function encodeNative(data) {
  return new URLSearchParams(data).toString()
}

function buildQueryString(params) {
  const query = Object.entries(params)
    .filter(([_, value]) => value !== undefined && value !== null)
    .map(([key, value]) => `${key}=${encodeURIComponent(String(value))}`)
    .join('&');

  return query ? `?${query}` : '';
}

function fastBuildQueryString(params) {
  let result = '?';
  let first = true;
  
  for (const key of Object.keys(params)) {
    const value = params[key];
    if (value != null) {
      if (!first) result += '&';
      result += key + '=' + encodeURIComponent(String(value));
      first = false;
    }
  }
  
  return first ? '' : result;
}

function buildQueryString2(params) {
  const filteredParams = Object.fromEntries(
    Object.entries(params).filter(([_, value]) => value != null)
  );
  const query = new URLSearchParams(filteredParams).toString();
  return query ? `?${query}` : '';
}

Tests:

URLSearchParams
encodeNative(queryobj)
Custom (safe)
buildQueryString(queryobj)
Custom 2 (unsafe)
encode(queryobj)
Custom (fast)
fastBuildQueryString(queryobj)
Custom (both)
buildQueryString2(queryobj)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
URLSearchParams
Custom (safe)
Custom 2 (unsafe)
Custom (fast)
Custom (both)

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/605.1.15 (KHTML, like Gecko) Version/18.1 Safari/605.1.15

Browser/OS: Safari 18 on Mac OS X 10.15.7

View result in a separate tab

Custom 2 (unsafe)

5.8M/s

Custom (fast)

3.3M/s

Custom (safe)

1.5M/s

URLSearchParams

1.1M/s

Custom (both)

1.1M/s

View exact numbers

Test name	Executions per second
✓ Custom 2 (unsafe)	5,828,196 Ops/sec
Custom (fast)	3,258,112 Ops/sec
Custom (safe)	1,530,682 Ops/sec
URLSearchParams	1,143,009 Ops/sec
Custom (both)	1,077,677 Ops/sec

Custom Build Query 3 (version: 1)

Comparing performance of: `URLSearchParams vs Custom (safe) vs Custom 2 (unsafe) vs Custom (fast) vs Custom (both)`

Created: one year ago by: Guest

Go to the latest result

URLSearchParams

Custom (safe)

Custom 2 (unsafe)

Custom (fast)

Custom (both)

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Custom Build Query 3 (version: 1)

Comparing performance of: URLSearchParams vs Custom (safe) vs Custom 2 (unsafe) vs Custom (fast) vs Custom (both)

Created: one year ago by: Guest

Go to the latest result

URLSearchParams

Custom (safe)

Custom 2 (unsafe)

Custom (fast)

Custom (both)

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `URLSearchParams vs Custom (safe) vs Custom 2 (unsafe) vs Custom (fast) vs Custom (both)`