【进阶篇】JavaScript工具库的封装

言程序plus

已于 2022-09-07 00:37:06 修改

阅读量243

点赞数 1

分类专栏： JavaScript从入门到精通文章标签： js java jquery dom javascript

于 2019-12-18 15:12:00 首次发布

本文为博主原创文章，未经博主允许不得转载

本文链接：https://blog.youkuaiyun.com/m0_61243965/article/details/120916348

版权

JavaScript从入门到精通专栏收录该内容

36 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨如何在JavaScript中将URL参数解析为一个对象，深入理解DOM操作和JavaScript工具库的实用技巧。

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

解析 URL Params 为对象

let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';
parseParam(url)
/* 结果
{ user: 'anonymous',
  id: [ 123, 456 ], // 重复出现的 key 要组装成数组，能被转成数字的就转成数字类型
  city: '北京', // 中文需解码
  enabled: true, // 未指定值得 key 约定为 true
}
*/
function parseParam(url) {
  const paramsStr = /.+\?(.+)$/.exec(url)[1]; // 将 ? 后面的字符串取出来
  const paramsArr = paramsStr.split('&'); // 将字符串以 & 分割后存到数组中
  let paramsObj = {};
  // 将 params 存到对象中
  paramsArr.forEach(param => {
    if (/=/.test(param)) { // 处理有 value 的参数
      let [key, val] = param.split('=&#