【JavaScript】匹配elective后的数字输出

一、问题

Url 有以下三种情况：

1
2
3

var url_1 = 'https://www.xx.cn/api?keyword=&level1=&local_batch_id=&elective=&local_province_id=33';
var url_2 = 'https://www.xx.cn/api?keyword=&level1=&local_batch_id=&elective=800&local_province_id=33';
var url_3 = 'https://www.xx.cn/api?keyword=&level1=&local_batch_id=&elective=800,700&local_province_id=33';

匹配 elective 后的数字输出（写出你认为的最优解法）:

1	[] \|\| ['800'] \|\| ['800','700']

二、答案

答题可以考虑下以下几点：

效率高；
可以扩展换 Url，换字段；
elective 是跟在一堆空值后面，要效率较高的排除掉前面的匹配；
匹配完 elective 的值之后， & 后面的匹配需要立刻停止，减少性能消耗；
第三个的 Url 中带了 ,，也要考虑其他符号的可能性。

2.1 方案一

function getUrlValue(url){
  if(!url) return;
  // let res = url.match(/(?<=elective=)(\d+(,\d+)*)/);
  // let res = /(?<=elective=)(\d+(.\d)*)/g.exec(url);
  let res = url.match(/(?<=elective=)(\d+(,\d+)*)/);
  return res ? res[0].split(',') : [];
}

其中：这个正则表达式 <=是零宽度断言的写法，断言 elective=有无内容，是匹配elective=的字符的，(?<=elective=) 是指匹配以elective=开头的字符串；
(\d+(.\d)*)指匹配数字开头，可能不定数量逗号分隔后是数字的字符串。

2.2 方案二

function getQueryFromUrl(key, url) {
  const matches = url.match(new RegExp(`(\\?|&)${key}=([^&]*)(&|$)`));
  return !matches || matches.length <= 0 ? [] : (matches[2] ? matches[2].split(',') : []);
}
getQueryFromUrl('elective' , url_1)

2.3 方案三

IE 不支持。

function getParamsUrl(url) {
  var res = new URLSearchParams(url).get('elective');
  return res ? res.split(',') : []; 
}

文章来自：Daily-Interview-Question：第10题编程题
正则资料可参考：陈水水的个人博客正则表达式

赏

支付宝打赏

微信打赏

欣赏此文，打赏一下

一、问题

二、答案

2.1 方案一

2.2 方案二

2.3 方案三

标签

参与社区