Convertir un objeto a una cadena de consulta usando JavaScript

Crear parámetros de cadena de URL y consulta es una tarea común para los programadores de JavaScript. Además, el uso de un objeto en capas con pares de valor clave es un método lógico para crear parámetros de cadena de consulta. En JavaScript, para la conversión de un objeto a una cadena de consulta, use el "Encadenar()"Método del"UrlsearchParams ()"Constructor o el"Objeto.llaves()"Método con"mapa()" y "unirse()Se utilizan el método ".

Este artículo describirá las formas de convertir objetos para consultar cadenas usando JavaScript.

Cómo convertir un objeto a una cadena de consulta usando JavaScript?

Para la conversión de un objeto a una cadena de consulta, use los siguientes métodos:

• método toString () del constructor urlsearchParams ()
• Objeto.método Keys () con métodos map () y unir ()

Examinemos estos métodos individualmente!

Método 1: Conversión de un objeto a una cadena de consulta usando el método toString () del constructor urlsearchParams ()

Utilizar el "Encadenar()"Método del"UrlsearchParams"Interfaz para convertir objetos en cadenas de consulta porque es el método más directo. El objeto global contiene la clase URLSearchParams, que es un componente del módulo URL. El "UrlsearchParamsLa interfaz ofrece métodos efectivos para interactuar con la cadena de consulta de una URL en JavaScript. Puede modificar y agregar parámetros de cadena de consulta.

Sintaxis

Siga la sintaxis dada para "UrlsearchParams" interfaz:

Nuevo URLSearchParams (objeto).Encadenar()

Aquí, pasa el "objeto"Al constructor del"UrlsearchParams"Interfaz, que convertirá los pares de valor clave en una cadena utilizando el"Encadenar()" método.

Valor de retorno

El "devuelve una cadena que contiene una cadena de consulta válida para la inserción en una URLUrlsearchParams ().Encadenar()" método.

Ejemplo

Crear un objeto con propiedades "nombre","edad", y "correo electrónico":

objeto var =
Nombre: 'Mari',
Edad: 28,
Correo electrónico: '[email protected] '
;

Llame al método toString () con URLSearchParams () constructor pasando el objeto como argumento al constructor y almacene el resultado en la variable "objeco":

const objString = '?' + Nuevo URLSearchParams (objeto).Encadenar();

Imprima la cadena en la consola usando el "consola.registro()" método:

consola.log (objString);

Producción

La salida muestra que el objeto se convierte correctamente en la cadena.

Método 2: Conversión de un objeto a una cadena de consulta usando el objeto.método Keys () con métodos map () y unir ()

Otro enfoque para convertir un objeto a una cadena es el "Objeto.llaves()"Método con"mapa()" y "unirse()" métodos. El "Objeto.llaves()El método se utiliza para recuperar la matriz de las claves de Objects. El "mapa()"El método se utiliza para iterarse sobre la matriz y el"unirse()"El método se utiliza para unir todos los resultados por un ampersand"Y"símbolo.

Ejemplo

Use las líneas de código a continuación para convertir un objeto en una cadena de consulta:

const objString = '?' + Objeto.claves (objeto).map (clave =>
return '$ key = $ encodeRiComponent (objeto [key])';
).unirse('&');

En el código anterior:

• Primero, obtenga las claves del objeto usando el "Objeto.llaves()" método.
• Luego, iterar sobre la matriz de claves usando el "mapa()" método.
• Utilizar el "encodeuricomponent ()Método para codificar los valores de los parámetros de consulta.
• Finalmente, únete a todos los resultados usando el "unirse()"Método de un ampersand"Y" símbolo.

Producción

Esa fue la información esencial relacionada con la conversión de una cadena de un objeto usando JavaScript.

Conclusión

Para convertir un objeto a una cadena, use el "Encadenar()"Método de la interfaz URLSearchParams () o la"Objeto.llaves()Método "con métodos map () y unir (). El segundo enfoque es adecuado para soportar navegadores antiguos, mientras que el primer enfoque se utiliza para nuevos navegadores. Este artículo describe las formas de convertir objetos para consultar cadenas usando JavaScript.