美文网首页
es6解析地址栏参数

es6解析地址栏参数

作者: 谁把月亮涂黑啦 | 来源:发表于2018-11-22 15:19 被阅读0次

上函数:

function qs(search) {
  if(typeof search !== "string" || !search) return search;
  return search.split("&").reduce((res, cur) => {
    const arr = cur.split("=");
    return Object.assign({[arr[0]]: arr[1]}, res)
  }, {})
}
const search = location.search.replace(/^\?/, "");
console.log("result:", qs("a=content&q=123"));
result: {a: content, q: 123}
然后利用解构就可以取值了~~

相关文章

  • es6解析地址栏参数

    上函数:

  • 解析地址栏参数

    找到?的下标 截取?之后的就是参数 id=99&key=双11特惠" 用&把参数切成数组 ['id=99','k...

  • vue工具类之——URL地址栏参数操作

    地址栏参数的获取,返回object地址栏参数的删除,返回string地址栏参数的修改,返回string /** *...

  • 地址栏传值

    在中文加入到地址栏前,进行两次encodeURI转码 , 在传输过程中浏览器会解析一遍,到达指定页面获取地址栏参数...

  • 【JavaScript】常用功能

    正则获取地址栏参数

  • 关于跳转get传参

    获取地址栏参数 一. 二. 多参数传值,跳转

  • 用JS获取地址栏参数的方法

    用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数 调用方法 下面举一个例子 若地址栏U...

  • 传统页面间传值

    跨页面传递参数,通常是通过地址栏传递参数的,从地址栏中获取参数,有以下两种方法: 第一种:通过正则; functi...

  • $location指令

    $location服务解析浏览器地址栏URL(基于window.location)让URL应用中可用。改变在地址栏...

  • 每日一学

    1.获取地址栏参数 方法一: 方法二:

网友评论

      本文标题:es6解析地址栏参数

      本文链接:https://www.haomeiwen.com/subject/owylqqtx.html