Benchmark: Regex vs Multi String.includes

HTML Preparation code:

"
    
    
    <nav class="masthead-subnav subnav"
      data-track-click-shared="{&quot;product_field&quot;:&quot;vertical&quot;,&quot;event&quot;:&quot;navigation&quot;,&quot;element_name&quot;:&quot;navbar&quot;}"
    >
      <ul class="subnav">
        <li class="subnav-item">
          <a
            class="subnav-item-link label-lg-strong"
            href="/business"
            data-track-click
          >
            Business
          </a>
            <ul class="dropdown">
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/strategy"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Strategy
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/economy"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Economy
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/finance"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Finance
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/retail"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Retail
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/advertising"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Advertising
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/careers"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Careers
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/law"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Law
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/media"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Media
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/real-estate"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Real Estate
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/smallbusiness"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Small Business
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/sc/introducing-the-better-work-project-hub"
                    data-track-click
                    rel="nofollow"
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    The Better Work Project
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/personal-finance"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Personal Finance
                  </a>
                </li>
            </ul>
        </li>
        <li class="subnav-item">
          <a
            class="subnav-item-link label-lg-strong"
            href="/tech"
            data-track-click
          >
            Tech
          </a>
            <ul class="dropdown">
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/science"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Science
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/artificial-intelligence"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    AI
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/enterprise"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Enterprise
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/transportation"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Transportation
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/startups"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Startups
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="/innovation"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Innovation
                  </a>
                </li>
            </ul>
        </li>
        <li class="subnav-item">
          <a
            class="subnav-item-link label-lg-strong"
            href="https://markets.businessinsider.com/"
            data-track-click
          >
            Markets
          </a>
            <ul class="dropdown">
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="https://markets.businessinsider.com/stocks"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Stocks
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="https://markets.businessinsider.com/indices"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Indices
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="https://markets.businessinsider.com/commodities"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Commodities
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="https://markets.businessinsider.com/cryptocurrencies"
                    data-track-click
                    
                    tabindex="-1"
                    aria-hidden="true"
                  >
                    Crypto
                  </a>
                </li>
                <li class="dropdown-item">
                  <a
                    class="dropdown-item-link label-md"
                    href="https://markets.businessinsider.com/currencies"
                    data-track-click
                    
                    tabindex="-1"
            …"

Script Preparation code:

const string = document.body.innerHTML;

const regex = new RegExp(
     `\\bdata-component-type\\s*=\\s*(['"])masthead-subnav\\1`
   );

Tests:

Regex
regex.test(string)
includes
string.includes('data-component-type="masthead-subnav"') || string.includes('data-component-type=\'masthead-subnav\'')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Regex
includes

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Chrome 146 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Regex	1569151.4 Ops/sec
includes	186812848.0 Ops/sec

Related benchmarks:

Regex vs Multi String.includes (version: 1)

Comparing performance of: Regex vs includes

Created: one month ago by: Guest

Jump to the latest result

Regex

includes

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A