How to get an object containing parameters of current URL in JavaScript ?

The purpose of this article is to get an object which contains the parameter of the current URL.

Example:

Input: www.geeksforgeeks.org/search?name=john&age=27
Output: { 
           name: "john", 
           age: 27
        }

Input: geeksforgeeks.org
Output: {}

To achieve this, we follow the following steps.

• Create an empty object.
• Using the String.match() method extract all the query params which are separated by ? and &, to achieve this we use the regex /([^?=&]+)(=([^&]*))/g
• The String.match() method returns an array containing all the queries.
• Using the for...each loop iterates the array and at every iteration split the value at = sign by using the String.split() method. This method returns an array of 2 strings the 0'th string is the left part of the = sign and the 1st string is the right part of the = sign.
• Assign the first string as the key and the second string as the value of that key in the newly created object.
• Finally, return the newly created object.

Example:

function getAllParams(url) {

    // Create an empty object
    let obj = {};

    // Extract the query params
    let paramsArray = url.match(/([^?=&]+)(=([^&]*))/g)

    // Check if there is one or more params
    if (paramsArray) {

        // Iterate the params array
        paramsArray.forEach((query) => {

            // Split the array
            let strings = query.split("=")

            // Assign the values to the object
            obj[strings[0]] = strings[1]
        })
    }
    
    // Return the object
    return obj;
}

console.log(getAllParams(
    "www.geeksforgeeks.org/search?name=john&age=27"))
console.log(getAllParams("geeksforgeeks.org"))

Output:

{
  age: "27",
  name: "john"
}

{}

devi_johns

Follow

Improve

Article Tags :

• JavaScript
• Web Technologies
• javascript-object
• JavaScript-Methods
• JavaScript-Questions

+1 More