牛客网编程题：获取url中的参数

最新推荐文章于 2023-12-25 14:45:53 发布

原创最新推荐文章于 2023-12-25 14:45:53 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#编程

Web开发专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何从URL中获取指定或全部参数的方法，包括通过常规编程方式和利用正则表达式的解决方案。示例中展示了当URL包含多个同名参数时，如何返回这些参数的值。

获取 url 中的参数

题目描述：
1. 指定参数名称，返回该参数的值或者空字符串
2. 不指定参数名称，返回全部的参数对象或者 {}
3. 如果存在多个同名参数，则返回数组

示例：

输入
http://www.baidu.com?key=1&key=2&key=3&test=4, ‘key’

输出
[1, 2, 3]

解决办法1

function getUrlParam (url, sKey) {
  var result = {};

  if (url.indexOf('?') < 0) { // 没有 ? ,则没有参数
    return result;
  }

  url = url.split('?');
  url = url[1].split('&');

  let sUrl = url.slice(0); // 这时候 sUrl 形如 ["key=1","key=2","key=3","test=4"]

  for (var idx in sUrl) {
    var current = url[idx].split('='); // 形如：["key", '1']
    var key = current[0];
    if (result[key]) {
      result[key] = [].concat(result[key], current[1]);
    } else {
      result[key] = current[1];
    }
  }
  // url : http://www.baidu.com?key=1&key=2&key=3&test=4&tt=5&test=2 
  // 这时候 result 形如：{"key":["1","2","3"],"test":["4","2"],"tt":["5"]}

  if (sKey) {
    return result[sKey] || '';
  } else {
    return result;
  }
}

解决办法2–正则表达式

function getUrlParam (url, sKey) {
  var result = {};

  url.replace(/\??(\w+)=(\w+)&/g, function (a, b, c) {
    if (result[b]) {
      result[b] = [].concat(result[b], c);
    } else {
      result[b] = c;
    }
  });

  if (sKey) {
    return result[sKey] || '';
  } else {
    return result;
  }
}

不得不说正则表达式是太强大了！