JS中怎么解析url中的参数

解析url中的所有参数名称和值

其主要实现思想是url中间参数部分的字符串被截取并逐级拆分，最后拆分成键值对，存在于对象中。

    const getQuery = (url) => {
        // str为?以下参数部件字符串
        const str = url.substr(url.indexOf(?) + 1)
        // arr每个元素都是一个完整的参数键值
        const arr = str.split(&)
        // result存储参数键值的集合。
        const result = {}
        for (let i = 0; i < arr.length; i++) {
            // item这两个元素是参数名称和参数值。
            const item = arr[i].split(=)
            result[item[0]] = item[1]
        }
        return result[query]
    }

    const res = getQuery(https://www.google.com/search?a=123&b=adbxo213&c=UTF-8)
    console.log(res)

解析url中指定的参数名称和值

与上面的想法一样，只需传递并返回响应的参数。

    const getQuery = (url,query) => {
        // str为?以下参数部件字符串
        const str = url.substr(url.indexOf(?) + 1)
        // arr每个元素都是一个完整的参数键值
        const arr = str.split(&)
        // result存储参数键值的集合。
        const result = {}
        for (let i = 0; i < arr.length; i++) {
            // item这两个元素是参数名称和参数值。
            const item = arr[i].split(=)
            result[item[0]] = item[1]
        }
        return result
    }

    const res = getQuery(https://www.google.com/search?a=123&b=adbxo213&c=UTF-8,a)
    console.log(res)