Una cadena de consulta es una parte de una URL que sigue a un signo de interrogación (?) y se usa para pasar datos a una página net o aplicación. Por lo normal, se compone de pares clave-valor separados por un ampersand (&). La clave representa el parámetro y el valor representa los datos que se pasan a través del parámetro.
En este artículo, discutiremos cómo extraer una cadena de consulta de una URL usando expresiones regulares.
Acercarse:
Primero, necesitamos definir un patrón de expresión common que coincida con la cadena de consulta de una URL. Una expresión common es una secuencia de caracteres que forma un patrón de búsqueda. Se puede utilizar para comprobar si una cadena contiene el patrón de búsqueda especificado.
El patrón de expresión common para una cadena de consulta es:
(?&)((^=)+)(=((^&#)*))?
Este patrón coincide con el comienzo de la cadena de consulta (?), seguido de cualquier par de clave-valor separados por un ampersand (&). La clave se captura en el primer grupo de captura ((^=)+), y el valor se captura en el tercer grupo de captura (((^)*)).
A continuación, podemos utilizar el Objeto RegExp en JavaScript para crear una expresión common a partir del patrón. Podemos hacer esto pasando el patrón al constructor RegExp de la siguiente manera:
const sample = '(?&)((^=)+)(=((^&#)*))?'; const regex = new RegExp(sample);
Una vez que tenemos la expresión common, podemos usar el método check() para comprobar si la cadena de consulta de una URL coincide con el patrón. El método check() devuelve un valor booleano que indica si la cadena contiene una coincidencia o no.
Ejemplo 1: El siguiente código usa JavaScript para extraer la cadena de consulta de una URL determinada comparándola con un patrón de expresión common y registra la cadena de consulta en la consola si coincide.
JavaScript
|
|
Ejemplo 2: Este código usa JavaScript para extraer los parámetros de consulta de una URL dada comparándolos con un patrón de expresión common, luego divide la cadena de consulta en pares clave-valor individuales. Itera sobre los pares clave-valor y los almacena en un objeto, finalmente, registra el objeto de parámetros de consulta en la consola.
JavaScript
|
|
{ '?key1': 'value1' }
Ejemplo 3: Este código usa JavaScript para extraer los parámetros de consulta de una URL dada al compararlos con un patrón de expresión common, luego divide la cadena de consulta en pares clave-valor individuales, luego itera sobre los pares clave-valor y los almacena en un objeto. Finalmente, itera sobre el objeto de parámetros de consulta y genera cada par clave-valor en la consola.
JavaScript
|
|
En conclusión, extraer una cadena de consulta de una URL mediante expresiones regulares es una técnica útil para analizar y manipular los datos que pasan a través de una URL. Al definir un patrón de expresión common que coincida con la cadena de consulta de una URL y usar el objeto RegExp y el método check(), podemos extraer fácilmente la cadena de consulta y dividirla en pares clave-valor individuales. Estos pares clave-valor se pueden almacenar en un objeto para facilitar el acceso, lo que nos permite recuperar y manipular fácilmente los datos pasados a través de la cadena de consulta. Expresiones regulares son una herramienta poderosa para trabajar con cadenas, y esta técnica puede ser útil en una variedad de escenarios de desarrollo net.
