js获取 url 中的参数,并返回一个对象{key:value}格式 let urlstr = "http://www.inode.club?name=koala&study=js&study=node'e
时间: 2024-10-08 16:22:42 浏览: 16
在JavaScript中,你可以使用`URLSearchParams` API 或者简单的正则表达式来从URL中解析出参数并转换成一个键值对的对象。以下是两个方法的示例:
**方法一:使用 `URLSearchParams`**
```javascript
function getUrlParams(url) {
const searchParams = new URLSearchParams(url.split('?')[1]); // 获取查询字符串
return Object.fromEntries(searchParams.entries()); // 将SearchParams转换为对象
}
let urlstr = "http://www.inode.club?name=koala&study=js&study=node'e";
const paramsObj = getUrlParams(urlstr);
console.log(paramsObj); // 输出: { name: 'koala', study: 'js' }
```
**方法二:使用正则表达式**
```javascript
function getURLParams(url) {
const regex = /\b(\w+)=([^&]+)/g; // 正则匹配 key=value 对
const params = {};
let match;
while ((match = regex.exec(url)) !== null) {
params[decodeURIComponent(match[1])] = decodeURIComponent(match[2]);
}
return params;
}
const paramsObj = getURLParams(urlstr);
console.log(paramsObj); // 输出: { name: 'koala', study: 'js' }
```
阅读全文