关于javascript:手写解析url参数方法

9次阅读

共计 757 个字符,预计需要花费 2 分钟才能阅读完成。

编写一个解析 URL 的函数 parseParam(url)

输出

http://www.getui.com?user=superman&id=345&id=678&city=%E6%9D%AD%E5%B7%9E&enabled

冀望的后果

{

     user: 'superman',

     id: [345, 678], // 反复呈现的 key 要组装成数组,能被转成数字的就转成数字类型

     city: '杭州', // 中文需解码

     enabled: true, // 未指定值的 key 约定为 true

}

手撸 parseParam

function parseParam(url) {const [href, params] = url.split('?')
    const result = {}
    params && params.split('&').map(item => {let [key, value = true] = item.split('=')
        value = typeof value === 'boolean' ? value : decodeURIComponent(value) // 转译中文
        if (!result[key]) {result[key] = value
        } else {result[key] = result[key] instanceof Array ? [].concat(...result[key], value) : [].concat(result[key], value)
        }

    })
    return result
}

// 执行
parseParam('http://www.getui.com?user=superman&id=345&id=678&city=%E6%9D%AD%E5%B7%9E&enabled')

// {user: "superman", id:["345", "678"], city: "杭州", enabled: true}
正文完
 0