如何在 JavaScript 中获取包含当前 URL 参数的对象？

本文的目的是获取一个包含当前 URL 参数的对象。

例子：

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

Input: geeksforgeeks.org
Output: {}

为此，我们遵循以下步骤。

• 创建一个空对象。
• 使用 String.match() 方法提取所有由?分隔的查询参数和&，为了实现这一点，我们使用正则表达式/([^?=&]+)(=([^&]*))/g
• String.match() 方法返回一个包含所有查询的数组。
• 使用for...each循环迭代数组，并在每次迭代时使用String.split()方法拆分=符号处的值。此方法返回一个由 2 个字符串组成的数组，第 0 个字符串是=符号的左侧部分，第一个字符串是 = 符号的右侧部分。
• 在新创建的对象中，将第一个字符串指定为键，将第二个字符串指定为该键的值。
• 最后，返回新创建的对象。

例子：

Javascript

    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"))

输出：

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