JS —— 将location.search参数转为对象,以及URL出现乱码问题解决

今天突然遇到这个问题,看了几篇文章都不太理想,自己写出了这个方法,有需要的可以参考下


console.log(getSearch("?a=1&b=2&c=3"));

function getSearch(str) {
    if (!str) {
        return;
    }
    str = decodeURI(str);//这个方法是给URL进行解析,解决中文乱码问题
    str = str.slice(1);
    let obj = {}
    let arr = str.split("&")
    for (let i = 0; i < arr.length; i++) {
        arr[i] = arr[i].split("=");
        obj[arr[i][0]] = arr[i][1]
    }
    return obj;
}

思路:

  1. 先把?去掉
  2. 字符串通过&分割成一个一维数组,格式:["a=1","b=2","c=3"]
  3. 在此基础上再通过=将每个数组项的字符串分割,格式:[["a","1"],["b","2"],["c","3"]]
  4. 对象获取二维数组的每一项,第一位为属性名,第二位为属性值

以上就是search参数转为对象的全部内容,有用记得点赞收藏哦!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值