url参数转对象 VS 对象转url参数

lq_20101224

于 2022-12-22 14:46:08 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lq099526/article/details/128408061

js 专栏收录该内容

21 篇文章

订阅专栏

这段代码包含两个函数，用于在JavaScript中将URL参数转换为对象（parseQueryString）和将对象序列化为URL参数（stringfyQueryString）。parseQueryString从URL中解析查询字符串并创建一个键值对对象，而stringfyQueryString则将对象的键值对转换回URL查询字符串格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

url参数转对象

const parseQueryString = function(url) { //url参数转对象
  url = !url ? window.location.href : url;
  if (url.indexOf('?') === -1) {
    return {};
  }
  let search = url[0] === '?' ? url.substr(1) : url.substring(url.lastIndexOf('?') + 1);
  if (search === '') {
    return {};
  }
  search = search.split('&');
  let query = {};
  for (let i = 0; i < search.length; i++) {
    let pair = search[i].split('=');
    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
  }
  return query;
}

对象转url参数【对象序列化】

const stringfyQueryString = function(obj) { //对象序列化【对象转url参数】
  if (!obj) return '';
  let pairs = [];
  for (let key in obj) {
    let value = obj[key];
    if (value instanceof Array) {
      for (let i = 0; i < value.length; ++i) {
        pairs.push(encodeURIComponent(key + '[' + i + ']') + '=' + encodeURIComponent(value[i]));
      }
      continue;
    }
    pairs.push(encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]));
  }
  return pairs.join('&');
}