Run results for: List vs Dict

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15

Browser: Safari 13

Operating system: Mac OS X 10.15.5

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Fetch one in list	716244.2 Ops/sec
Fetch list	12435.8 Ops/sec
Fetch one in dict	715223.5 Ops/sec
Fetch dict	4015.8 Ops/sec

Script Preparation code:

var apiList = [];
var apiDict = {};

function genApiItem(numValue) {
  return {id: numValue, a: numValue + 1};
}

for (var i = 1; i <= 1000; i++) {
  var apiItem = genApiItem(i);
  apiList.push(apiItem);
  apiDict[i] = apiItem;
}

Tests:

Fetch one in list
console.log(apiList.find(a => a.id === 1));
Fetch list
console.log(apiList);
Fetch one in dict
console.log(apiDict[1]);
Fetch dict
console.log(Object.values(apiDict));

Run results for: List vs Dict

Comparing fetching one item in an array to the same in an ID-indexed dictionary.

Fetch one in list

Fetch list

Fetch one in dict

Fetch dict