js提取url问号后面的参数封装为对象 httplocalhost8080#installMagicArmorid=1
以下是使用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中的参数并打印输出
原文地址: https://www.cveoy.top/t/topic/iA6I 著作权归作者所有。请勿转载和采集!