Run results for: Partial base, search, fragment of URL 3

Run details:

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

Browser: Chrome 116

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
patern 1	6966242.0 Ops/sec
patern 2	8372881.5 Ops/sec
patern 3	10395294.0 Ops/sec
patern 4	10315468.0 Ops/sec
pattern 5	1370059.1 Ops/sec

Script Preparation code:

var url1 = "https://localhost:3000/test?key1=value1&key2=value2#test";

const urlPattern = /^(https?:\/\/[^\/?#]+[^?#]*)?(?:\?([^#]*))?(?:#([^?]*))?(?:\?([^#]*))?/;

function extractParts1(inputUrl) {
    const match = inputUrl.match(urlPattern);
    if (!match) return null;

    let url = match[1] || null;
    let searchParams = match[2] || null;
    let fragment = match[3] || null;
    // If there are query parameters after the fragment
    if (match[4]) {
        searchParams = searchParams ? searchParams + '&' + match[4] : match[4];
    }

    return {
        url,
        searchParams,
        fragment
    };
}


function extractParts2(inputUrl) {
    // Parse basic URL and fragment
    const [base, fragmentQuery] = inputUrl.split('#');
    
    // Parse URL and search parameters from base
    let [url, searchParams] = base.split('?');

    // If there's fragment data, check for additional query parameters
    let fragment = null;
    let extraSearchParams = null;
    if (fragmentQuery) {
        if (fragmentQuery.includes('?')) {
            [fragment, extraSearchParams] = fragmentQuery.split('?');
            searchParams = searchParams ? `${searchParams}&${extraSearchParams}` : extraSearchParams;
        } else {
            fragment = fragmentQuery;
        }
    }

    return {
        url,
        searchParams: searchParams || null,
        fragment: fragment || null
    };
}


function extractParts3(inputUrl) {
    const queryIndex = inputUrl.indexOf('?');
    const hashIndex = inputUrl.indexOf('#');

    const hasQueryBeforeHash = queryIndex !== -1 && (hashIndex === -1 || queryIndex < hashIndex);

    const url = hasQueryBeforeHash ? inputUrl.substring(0, queryIndex) : (hashIndex !== -1 ? inputUrl.substring(0, hashIndex) : inputUrl);

    let searchParams = null, fragment = null;

    if (hashIndex !== -1) {
        const fragmentWithQuery = inputUrl.substring(hashIndex + 1);
        const fragmentQueryIndex = fragmentWithQuery.indexOf('?');

        if (fragmentQueryIndex !== -1) {
            fragment = fragmentWithQuery.substring(0, fragmentQueryIndex);
            searchParams = fragmentWithQuery.substring(fragmentQueryIndex + 1);
            if (hasQueryBeforeHash) {
                searchParams = inputUrl.substring(queryIndex + 1, hashIndex) + '&' + searchParams;
            }
        } else {
            fragment = fragmentWithQuery;
        }
    }

    if (hasQueryBeforeHash && !searchParams) {
        searchParams = hashIndex !== -1 ? inputUrl.substring(queryIndex + 1, hashIndex) : inputUrl.substring(queryIndex + 1);
    }

    return {
        url,
        searchParams: searchParams || null,
        fragment: fragment || null
    };
}

function extractParts4(inputUrl) {
    const searchParamsIndex = inputUrl.indexOf('?');
    const fragmentIndex = inputUrl.indexOf('#');
    
    // 条件評価の結果を変数に格納
    const hasSearchParams = searchParamsIndex !== -1;
    const hasFragment = fragmentIndex !== -1;
    const hasSearchParamsBeforeFragment = hasSearchParams && (!hasFragment || searchParamsIndex < fragmentIndex);

    let endOfUrlIndex = inputUrl.length;
    if (hasSearchParamsBeforeFragment) {
        endOfUrlIndex = searchParamsIndex;
    } else if (hasFragment) {
        endOfUrlIndex = fragmentIndex;
    }
    
    const url = inputUrl.substring(0, endOfUrlIndex);
    
    let searchParams = null;
    let fragmentText = null;

    if (hasFragment) {
        const fragmentWithQuery = inputUrl.substring(fragmentIndex + 1);
        const insideFragmentIndex = fragmentWithQuery.indexOf('?');
        const hasInsideFragment = insideFragmentIndex !== -1;

        fragmentText = hasInsideFragment 
            ? fragmentWithQuery.substring(0, insideFragmentIndex)
            : fragmentWithQuery;

        if (hasInsideFragment) {
            const fragmentSearchParams = fragmentWithQuery.substring(insideFragmentIndex + 1);
            searchParams = hasSearchParamsBeforeFragment
                ? inputUrl.substring(searchParamsIndex + 1, fragmentIndex) + '&' + fragmentSearchParams
                : fragmentSearchParams;
        }
    }

    if (hasSearchParamsBeforeFragment && !searchParams) {
        searchParams = hasFragment 
            ? inputUrl.substring(searchParamsIndex + 1, fragmentIndex)
            : inputUrl.substring(searchParamsIndex + 1);
    }

    return {
        url,
        searchParams: searchParams || null,
        fragment: fragmentText || null
    };
}

function extractParts5(inputUrl) {
    return new URL(inputUrl);
}

Tests:

patern 1
extractParts1(url1);
patern 2
extractParts2(url1);
patern 3
extractParts3(url1);
patern 4
extractParts4(url1);
pattern 5
extractParts5(url1);

Run results for: Partial base, search, fragment of URL 3

patern 1

patern 2

patern 3

patern 4

pattern 5