Run results for: Select n

Run details:

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

Browser: Chrome 84

Operating system: Mac OS X 10.15.4

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Destructuring with defaults, empty input	7883550.0 Ops/sec
Selectn get, empty input	1602155.0 Ops/sec
Destructuring with defaults, find item	2261584.0 Ops/sec
Selectn get, find item	1055541.0 Ops/sec
Destructuring null input	0.0 Ops/sec
Selectn null input	1662924.0 Ops/sec
Destructuring undefined input	0.0 Ops/sec
Lodash undefined input	1693683.0 Ops/sec
Destructuring dynamic key	2213865.0 Ops/sec
Lodash dynamic key	1021421.0 Ops/sec

HTML Preparation code:

<script src="https://unpkg.com/selectn/selectn.min.js"></script>

Script Preparation code:

function destructuringFn(input) {
  const { contextMenu: { data: { documents = [] } = {} } = {} } = input;
  return documents;
}

function destructuringFnDynamic(input, key) {
  const { contextMenu: { data: { [key]: documents = [] } = {} } = {} } = input;
  return documents;
}

function selectnFn(input) {
  const documents = selectn(input, 'contextMenu.data.documents', []);
  return documents;
}

function selectnFnDynamic(input, key) {
  const documents = selectn(input, `contextMenu.data.${key}`, []);
  return documents;
}

function test(fn, input, key) {
  fn(input, key);
}

Tests:

Destructuring with defaults, empty input
test(destructuringFn, {});
Selectn get, empty input
test(selectnFn, {});
Destructuring with defaults, find item
const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } }; test(destructuringFn, input);
Selectn get, find item
const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } }; test(selectnFn, input);
Destructuring null input
test(destructuringFn, null);
Selectn null input
test(selectnFn, null);
Destructuring undefined input
let input; test(destructuringFn, input);
Lodash undefined input
let input; test(selectnFn, input);
Destructuring dynamic key
const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } }; test(destructuringFn, input, 'documents');
Lodash dynamic key
const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } }; test(selectnFn, input, 'documents');

Destructuring with defaults, empty input

Selectn get, empty input

Destructuring with defaults, find item

Selectn get, find item

Destructuring null input

Selectn null input

Destructuring undefined input

Lodash undefined input

Destructuring dynamic key

Lodash dynamic key