Benchmark: map filter vs RegExp without console.log

HTML Preparation code:

<div id=''></div>

Script Preparation code:

window.mockQueries = {
    articles: `
    query GetArticles($first: Int!, $after: String) {
      articles(first: $first, after: $after) {
        pageInfo {
          hasNextPage
        }
        edges {
          cursor
          node {
            author {
              bio
              email
              firstName
              lastName
              name
            }
            blog {
              id
            }
            comments(first: 250) {
              edges {
                node {
                  author {
                    email
                    name
                  }
                  content
                  contentHtml
                  id
                }
              }
            }
            content
            contentHtml
            excerpt
            excerptHtml
            handle
            id
            handle
            image {
              altText
              id
              src
            }
            publishedAt
            tags
            title
            url
            seo {
              title
              description
            }
          }
        }
      }
    }
  `,
    blogs: `
    query GetBlogs($first: Int!, $after: String) {
      blogs(first: $first, after: $after) {
        pageInfo {
          hasNextPage
        }
        edges {
          cursor
          node {
            handle
            id
            handle
            title
            url
          }
        }
      }
    }
  `,
    collections: `
    query GetCollections($first: Int!, $after: String) {
      collections(first: $first, after: $after) {
        pageInfo {
          hasNextPage
        }
        edges {
          cursor
          node {
            description
            descriptionHtml
            handle
            id
            image {
              altText
              id
              src
            }
            products(first: 250) {
              edges {
                node {
                  id
                }
              }
            }
            title
            updatedAt
          }
        }
      }
    }
  `,
    products: `
    query GetProducts($first: Int!, $after: String) {
      products(first: $first, after: $after) {
        pageInfo {
          hasNextPage
        }
        edges {
          cursor
          node {
            availableForSale
            createdAt
            description
            descriptionHtml
            handle
            id
            images(first: 250) {
              edges {
                node {
                  id
                  altText
                  originalSrc
                }
              }
            }
            metafields(first: 250) {
              edges {
                node {
                  description
                  id
                  key
                  namespace
                  value
                  valueType
                }
              }
            }
            onlineStoreUrl
            options {
              id
              name
              values
            }
            priceRange {
              minVariantPrice {
                amount
                currencyCode
              }
              maxVariantPrice {
                amount
                currencyCode
              }
            }
            productType
            publishedAt
            tags
            title
            updatedAt
            variants(first: 250) {
              edges {
                node {
                  availableForSale
                  compareAtPrice
                  compareAtPriceV2 {
                    amount
                    currencyCode
                  }
                  id
                  image {
                    altText
                    id
                    originalSrc
                  }
                  metafields(first: 250) {
                    edges {
                      node {
                        description
                        id
                        key
                        namespace
                        value
                        valueType
                      }
                    }
                  }
                  price
                  priceV2 {
                    amount
                    currencyCode
                  }
                  requiresShipping
                  selectedOptions {
                    name
                    value
                  }
                  sku
                  title
                  weight
                  weightUnit
                  presentmentPrices(first: 250) {
                    edges {
                      node {
                        price {
                          amount
                          currencyCode
                        }
                        compareAtPrice {
                          amount
                          currencyCode
                        }
                      }
                    }
                  }
                }
              }
            }
            vendor
          }
        }
      }
    }
  `,
    shopPolicies: `
    query GetPolicies {
      shop {
        privacyPolicy {
          body
          handle
          id
          title
          url
        }
        refundPolicy {
          body
          handle
          id
          title
          url
        }
        termsOfService {
          body
          handle
          id
          title
          url
        }
      }
    }
  `,
    pages: `
    query GetPages($first: Int!, $after: String) {
      pages(first: $first, after: $after) {
        pageInfo {
          hasNextPage
        }
        edges {
          cursor
          node {
            id
            handle
            title
            body
            bodySummary
            updatedAt
            url
          }
        }
      }
    }
  `,
}

window.testStringsNewString = Object.entries(window.mockQueries).map(([queryName, queryString]) => new String(queryString))
window.testStringsCopy = Object.entries(window.mockQueries).map(([queryName, queryString]) => queryString)

Tests:

==
const testStrings = window.testStringsNewString const mockQueries = window.mockQueries const fixturePathFromQuery = (query, mockQueries) => { const [queryName] = Object.entries(mockQueries).find( ([queryName, queryString]) => queryString == query ) return queryName + `.json` } var result = testStrings.map(t => fixturePathFromQuery(t, mockQueries))
===
const testStrings = window.testStringsCopy const mockQueries = window.mockQueries const fixturePathFromQuery = (query, mockQueries) => { const [queryName] = Object.entries(mockQueries).find( ([queryName, queryString]) => queryString === query ) return queryName + `.json` } var result = testStrings.map(t => fixturePathFromQuery(t, mockQueries))
RegExp newString
const testStrings = window.testStringsNewString const mockQueries = window.mockQueries const test = new RegExp(/query Get(\w*)/) const fixturePathFromQuery = (query) => { const queryName = test.exec(query)[1].toLowerCase() return queryName + `.json` } var result = testStrings.map(t => fixturePathFromQuery(t))
RegExp copy
const testStrings = window.testStringsCopy const mockQueries = window.mockQueries const test = new RegExp(/query Get(\w*)/) const fixturePathFromQuery = (query) => { const queryName = test.exec(query)[1].toLowerCase() return queryName + `.json` } var result = testStrings.map(t => fixturePathFromQuery(t))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
==
===
RegExp newString
RegExp copy

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 83 on Mac OS X 10.15.3

View result in a separate tab

Test name	Executions per second
==	99908.0 Ops/sec
===	127805.4 Ops/sec
RegExp newString	370424.5 Ops/sec
RegExp copy	488685.6 Ops/sec

map filter vs RegExp without console.log (version: 0)

Comparing performance of: == vs === vs RegExp newString vs RegExp copy

Created: 3 years ago by: Guest

Jump to the latest result

==

===

RegExp newString

RegExp copy

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A