Converta um objeto em uma sequência de consulta usando JavaScript

Criar parâmetros de string de URL e consulta é uma tarefa comum para programadores JavaScript. Além disso, o uso de um objeto em camadas com pares de valor-chave é um método lógico para criar parâmetros de sequência de consulta. Em JavaScript, para a conversão de um objeto em uma sequência de consulta, use o “para sequenciar()”Método do“URLSearchParams ()”Construtor ou o“Objeto.chaves()”Método com“mapa()" e "juntar()”Método é usado.

Este artigo descreverá as maneiras de converter objetos para consultar strings usando JavaScript.

Como converter um objeto em uma sequência de consulta usando JavaScript?

Para conversão de um objeto em uma sequência de consultas, use os seguintes métodos:

• ToString () Método do construtor urlSearchParams ()
• Objeto.Método Keys () com MAP () e JONC () Métodos

Vamos examinar esses métodos individualmente!

Método 1: Conversão de um objeto em uma sequência de consulta usando o método tostring () do construtor urlsearchparams ()

Use o "para sequenciar()”Método do“URLSearchParams”Interface para converter objetos para consultar strings porque é o método mais direto. O objeto global contém a classe URLSearchParams, que é um componente do módulo URL. O "URLSearchParams”. Ele pode modificar e adicionar parâmetros de sequência de consulta.

Sintaxe

Siga a sintaxe dada para “URLSearchParams”Interface:

Novos URLSearchParams (objeto).para sequenciar()

Aqui, passe o “objeto”Para o construtor do“URLSearchParams”Interface, que converterá os pares de valor-chave em uma string usando o“para sequenciar()”Método.

Valor de retorno

Uma string que contém uma sequência de consulta válida para inserção em um URL é retornada pelo “URLSearchParams ().para sequenciar()”Método.

Exemplo

Crie um objeto com propriedades “nome","idade", e "e-mail”:

var object =
Nome: 'Mari',
Idade: 28,
Email: '[email protected] '
;

Chame o método ToString () com UrlSearchParams () construtor, passando o objeto como um argumento para o construtor e armazenar o resultado na variável “objstring”:

const objstring = '?' + Novo URLSearchParams (objeto).para sequenciar();

Imprima a string no console usando o “console.registro()”Método:

console.log (objstring);

Saída

A saída mostra que o objeto é convertido com sucesso na string.

Método 2: Conversão de um objeto em uma sequência de consulta usando objeto.Método Keys () com MAP () e JONC () Métodos

Outra abordagem para converter um objeto em uma string é o “Objeto.chaves()”Método com“mapa()" e "juntar()" métodos. O "Objeto.chaves()”O método é usado para recuperar a variedade de chaves do objeto. O "mapa()”O método é usado para iterar sobre a matriz, e o“juntar()”O método é usado para ingressar em todos os resultados por um ampersa e“&"símbolo.

Exemplo

Use as linhas de código abaixo para converter um objeto em uma sequência de consulta:

const objstring = '?' + Objeto.chaves (objeto).mapa (key =>
return '$ key = $ codeuricomponent (object [key])';
).juntar('&');

No código acima:

• Primeiro, obtenha as chaves do objeto usando o “Objeto.chaves()”Método.
• Em seguida, itera sobre a variedade de chaves usando o “mapa()”Método.
• Use o "codeuricomponent ()”Método para codificar os valores dos parâmetros de consulta.
• Finalmente, junte -se a todos os resultados usando o “juntar()”Método por um ampersa e“&”Símbolo.

Saída

Essa foi a informação essencial relacionada à conversão de uma string de um objeto usando JavaScript.

Conclusão

Para converter um objeto em uma string, use o “para sequenciar()”Método da interface URLSearchParams () ou“Objeto.chaves()”Método com métodos MAP () e junção (). A segunda abordagem é adequada para apoiar os navegadores antigos, enquanto a primeira abordagem é usada para novos navegadores. Este artigo descreve as maneiras de converter objetos para consultar strings usando JavaScript.