Js篇-面试题12-如何解析 URL 提取 params 参数

JS面试题：解析URL参数到对象

最新推荐文章于 2024-07-22 17:04:22 发布

原创

最新推荐文章于 2024-07-22 17:04:22 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#字符串 #js #less #面试 #md5

本文介绍如何将URL中的参数字符串转换为JavaScript对象，包括使用split方法和正则表达式两种方式，并处理了参数可能出现数组的情况，适合面试准备。

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

目标

将常规的 URL 字符串的参数解析为对象的形式,如下示例所示

let httpUrlStr = 'https://coder.itclan.cn?name=itclanCoder&study=css';

解析后结果如下

{ "name": "itclanCoder", "study":  "css" }

方式 1-split 字符串分割

let baseUrlStr = 'https://coder.itclan.cn?name=itclanCoder&study=css';
// 参数转成对象
function queryString(str) {
  let params = str.split('?')[1]; //截取?号后的字符串即name=itclanCoder&study=css
  let param = params.split('&'); // 通过&符号进行分割即["name=itclanCoder", "study=cs