join vs string vs filter

Benchmark created on December 14, 2023

Setup

const APP_NAME = 'Testing';

const joinAndIfs = (pageTitle, pageSubtitle) => {
  const titleParts = [APP_NAME];
  if (pageTitle) {
    titleParts.push(pageTitle);
    if (pageSubtitle) titleParts.push(pageSubtitle);
  }
  return titleParts.join(' - ');
}

const joinAndFilters = (pageTitle, pageSubtitle) => {
  const titleParts = [APP_NAME, pageTitle, pageSubtitle];
  return titleParts.filter((s) => !!s).join(' - ');
}

const stringConcat = (pageTitle, pageSubtitle) => {
  let title = APP_NAME;
  if (pageTitle) {
    title += ' - ' + pageTitle;
    if (pageSubtitle) title += ' - ' + pageSubtitle;
  }
  return title;
}

const earlyReturnsConcat = (pageTitle, pageSubtitle) => {
  let title = APP_NAME;
  if (!pageTitle) return title;
  title += ' - ' + pageTitle;
  if (!pageSubtitle) return title;
  title += ' - ' + pageSubtitle;
  return title
}

const earlyReturnsJoinArr = (pageTitle, pageSubtitle) => {
  if (!pageTitle) return [APP_NAME];
  if (!pageSubtitle) return [APP_NAME, pageTitle];
  return [APP_NAME, pageTitle, pageSubtitle];
}

const earlyReturnsJoin = (...args) => {
  return earlyReturnsJoinArr(...args).join(' - ');
}

Test runner

joinAndIfs();
joinAndIfs('Page');
joinAndIfs('Page', 'Subpage');

joinAndFilters();
joinAndFilters('Page');
joinAndFilters('Page', 'Subpage');

stringConcat();
stringConcat('Page');
stringConcat('Page', 'Subpage');

earlyReturnsConcat();
earlyReturnsConcat('Page');
earlyReturnsConcat('Page', 'Subpage');

earlyReturnsJoin();
earlyReturnsJoin('Page');
earlyReturnsJoin('Page', 'Subpage');

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published on December 14, 2023