Run results for: map vs object vs switch dispatcher

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
mapDispatch	22342.4 Ops/sec
objectDispatch	21926.8 Ops/sec
switchDispatch	16197.2 Ops/sec

Script Preparation code:

const create = () => console.log("Creating");
const find = () => console.log("Finding");
const index = () => console.log("Indexing");
const update = () => console.log("Updating");
const destroy = () => console.log("Destroying");

const actionNames = {
	CREATE: "CREATE",
  	FIND: "FIND",
  	INDEX: "INDEX",
  	UPDATE: "UPDATE",
  	DESTROY: "DESTROY",
}

const actions = new Map([
	[actionNames.CREATE, create],
  	[actionNames.FIND, find],
  	[actionNames.INDEX, index],
  	[actionNames.UPDATE, update],
  	[actionNames.DESTROY, destroy],
]);

const actionsObject = {
  	[actionNames.CREATE]: create,
  	[actionNames.FIND]: find,
  	[actionNames.INDEX]: index,
  	[actionNames.UPDATE]: update,
  	[actionNames.DESTROY]: destroy,
}

function mapDispatch({actionName, payload}) {
  const action = actionsObject[actionName];
  
  if(action === undefined) return;
  
  return action(payload);
}

function objectDispatch({actionName, payload}) {
  const action = actions.get(actionName);
  
  if(action === undefined) return;
  
  return action(payload);
}

function switchDispatch({actionName, payload}) {
  switch(actionName) {
    case actionNames.CREATE:
      return create(payload);
    case actionNames.FIND:
      return find(payload);
    case actionNames.INDEX:
      return index(payload);
    case actionNames.UPDATE:
      return update(payload);
    case actionNames.DESTROY:
      return destroy(payload);
    default:
      return;
  }
}

var randomActions = [actionNames.DESTROY, actionNames.CREATE, actionNames.DESTROY, actionNames.FIND, actionNames.CREATE, actionNames.FIND, actionNames.CREATE, actionNames.UPDATE]

Tests:

mapDispatch
for(const action of randomActions) { mapDispatch({actionName: action, payload: {}}); }
objectDispatch
for(const action of randomActions) { objectDispatch({actionName: action, payload: {}}); }
switchDispatch
for(const action of randomActions) { switchDispatch({actionName: action, payload: {}}); }