如何用原生JS高效获取URL链接中的多个参数值？

本文共计1366个文字，预计阅读时间需要6分钟。

前言：作为一个前端开发者，我们常常需要对URL进行操作和处理，最常见的操作之一就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单，因为框架提供了很多便利。

直接输出结果：前言：前端开发者常需对URL操作，如获取参数值，框架简化了这一过程。

前言

作为一个前端开发，我们很多时候都需要对URL进行操作和处理，最常见的一种就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单，因为框架提供了很多方法让我们方便的获取URL链接携带的参数。但是有些时候我们不能依赖框架，需要我们使用原生JS去获取参数，这也是面试中经常遇到的一道题。今天我们就手撕代码，利用原生JS去获取URL链接参数值。

1. 获取方式总结

利用原生JS获取URL链接参数的方法也有好几种，今天我们依次来讲解常见的几种：

• 通过正则匹配的方式
• 利用a标签内置方法
• 利用split方法分割法
• 使用URLSearchParams方法

2. 具体实现方法

2.1 正则匹配法

这是非常中规中举的一种方法，重点是要求我们要懂正则表达式。