以下是使用JavaScript提取URL问号后面的参数并封装为对象的代码:

function getParamsFromURL(url) {
  // 获取问号后面的参数部分
  const queryString = url.split('?')[1];
  
  if (!queryString) {
    return {};
  }
  
  // 将参数字符串分割为数组
  const paramsArray = queryString.split('&');
  
  // 将参数数组转换为对象
  const paramsObject = {};
  paramsArray.forEach(param => {
    const [key, value] = param.split('=');
    paramsObject[key] = decodeURIComponent(value);
  });
  
  return paramsObject;
}

const url = "http://localhost:8080/#/installMagicArmor?id=1";
const params = getParamsFromURL(url);
console.log(params); // 输出 { id: "1" }

这段代码定义了一个getParamsFromURL函数,它接受一个URL作为参数,并返回一个包含URL问号后面的参数的对象。在函数内部,首先使用split方法获取问号后面的参数部分,然后使用split方法将参数字符串分割为数组。接下来,将参数数组转换为对象,通过forEach循环遍历数组中的每个参数,使用split方法将参数分割为键和值,并使用decodeURIComponent方法对值进行解码。最后,将键值对添加到参数对象中。最后一行代码演示了如何使用该函数来提取指定URL中的参数并打印输出

js提取url问号后面的参数封装为对象 httplocalhost8080#installMagicArmorid=1

原文地址: https://www.cveoy.top/t/topic/iA6I 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录