2024年4月28日发(作者：)

JS获取URL中参数值的4种方法

在JavaScript中获取URL中参数值有多种方法，以下是常用的四种

方法：

1. 使用属性：

属性返回URL中问号后面的字符串，包括

问号本身。可以将它分割成参数数组，并使用循环遍历数组找到指定参数

的值。例如：

```javascript

function getParameterValue(param)

const searchParams =

(1).split('&');

for (let i = 0; i < ; i++)

const [key, value] = searchParams[i].split('=');

}

}

}

const name = getParameterValue('name'); // 返回John

const age = getParameterValue('age'); // 返回25

```

2. 使用URLSearchParams对象：

URLSearchParams是一个内置对象，用于处理URL中的查询参数。它

提供了多种方法来获取、添加和修改参数。例如：

```javascript

function getParameterValue(param)

const searchParams = new

URLSearchParams();

return (param);

}

const name = getParameterValue('name'); // 返回John

const age = getParameterValue('age'); // 返回25

```

3.使用正则表达式：

可以使用正则表达式来匹配URL中的参数，并提取参数值。以下是一

个示例：

```javascript

function getParameterValue(param)

const regex = new RegExp('[?&]' + param + '(=([^&#]*)，&，#，

$)');

const results = ();

if (!results) return null;

if (!results[2]) return '';

}

const name = getParameterValue('name'); // 返回John

const age = getParameterValue('age'); // 返回25

```

4.使用URL对象：

URL对象是一个内置对象，它提供了解析URL的便捷方法。可以使用

Params来获取URL中的查询参数。例如：

```javascript

function getParameterValue(param)

const url = new URL();

return (param);

}

const name = getParameterValue('name'); // 返回John

const age = getParameterValue('age'); // 返回25

```

以上是四种常用的方法来获取URL中的参数值。根据具体的需求和现

有的代码架构，选择合适的方法来实现参数获取功能。