---
title: "Parsing Query String in Javascript"
description: "Well there are hell lot of solution out there for parsing query strings in javascript, but still /me managed to make my own."
url: "https://h3manth.com/scribe/parsing-query-string-javascript/"
canonical_url: "https://h3manth.com/scribe/parsing-query-string-javascript/"
markdown_url: "https://h3manth.com/scribe/blog/parsing-query-string-javascript.md"
publishDate: "2012-07-04T00:00:00.000Z"
author: "Hemanth HM"
category: "javascript"
tags: ["javascript","web"]
word_count: 199
reading_time_minutes: 1
x_markdown_tokens: 477
content_signal: "ai-train=yes, search=yes, ai-input=yes"
---

# Parsing Query String in Javascript

> Well there are hell lot of solution out there for parsing query strings in javascript, but still /me managed to make my own.

Well there are hell lot of solution out there for parsing query strings in javascript, but still /me managed to make my own function!

params = (function () {
    
    
    res = {};
    
    window.location.search.replace("?","").split('&').map(
    
    function (q) {
        var v = q.split('=');
        res[v[0]] = v[1];
    });
    
    return res;
    

})(); 

Let's break it down!

The above code is an immediate function invokation that results a result object, which is stored in params.

We may pass params to a javascript like `http://example.com/show.js?query_string`

Where the query_string is a key, value pair like : `field1=value1&field2=value2&field3=value3...`

For better understanding, consider an example where the window.location is something like below :

http://www.example.com/post.php?foo=bar&hello=world

Now, window.location.search.replace("?","").split('&') will result an array like ["foo=bar", "hello=world"] i.e after filtering "?" and splitting over "&"

The resultant array is applied with a function which splits each element of an array with '=' and the key, value pair is populated to the result object and then finally the result object is returned, which gets assigned to params object.

JSON.stringify(params) "{"foo":"bar","hello":"world"}"

params['foo'] 'bar'

params['hello'] 'world' 

**Update 0** MDN

// Simple regular expression to match http / https / ftp-style URLs. var parsedURL = /(\w+)\:\/\/([\/]+)\/(.*)$/.exec(url); if (!parsedURL) return null; var [, protocol, fullhost, fullpath] = parsedURL;