快捷拼接URL参数（对象转查询参数格式）

最新推荐文章于 2024-11-18 17:53:34 发布

原创最新推荐文章于 2024-11-18 17:53:34 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #参数拼接 #封装

前端技术专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种将对象转换为URL参数字符串的方法。通过遍历对象属性并进行条件判断，确保只有非空且非null的属性被拼接到URL中。此方法能够有效构造带有多个查询参数的URL。

可实现拼接变量到URL中作为参数，拼接方法，如下：

jointUrl(obj) {
    const paramArr = [];
    let param = '';

    if (obj && typeof obj === 'object') {
      if (paramArr.length === 0) {
        paramArr.push('?');
      }
      for (const i in obj) {
        if (obj.hasOwnProperty(i)) {
          if (obj[i] !== '' && obj[i] !== null && typeof obj[i] !== 'undefined') {
            paramArr.push(i);
            paramArr.push('=');
            paramArr.push(obj[i]);
            paramArr.push('&');
          }
        }
      }
      param = paramArr.join('').replace(/&$/, '');
      return param;
    }