/TypeScript/Js create query string from object

Js create query string from object

Js query string from object

const params = {lat: 35.681236, lng: 139.767125, zoom: 15};
new URLSearchParams(params).toString();
// "lat=35.681236&lng=139.767125&zoom=15"

// OR

const queryString = Object.keys(params).map(key => {
  encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
}).join('&');

Javascript object to query string

function objectToQueryString(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}

var person = { first_name : "Marty",last_name : "Mcfly"};
var queryString=objectToQueryString(person); //"first_name=Marty&last_name=Mcfly"

Object to query string js

const obj = {foo: "hi there", bar: "100%" };
const params = new URLSearchParams(obj).toString();

Source: stackoverflow.com

Js create query string from object

new URLSearchParams(object).toString()

Source: stackoverflow.com

Javascript object to query string

queryBuilder = function(obj, prefix) {
  var str = [],
    p;
  for (p in obj) {
    if (obj.hasOwnProperty(p)) {
      var k = prefix ? prefix + "[" + p + "]" : p,
        v = obj[p];
      str.push((v !== null && typeof v === "object") ?
        serialize(v, k) :
        encodeURIComponent(k) + "=" + encodeURIComponent(v));
    }
  }
  return str.join("&");
}

console.log(
serialize({
  foo: "hi there",
  bar: {
    blah: 123,
    quux: [1, 2, 3]
  }
})
);

-2

Similar codes

1 vote142 views1 answer
Js create batches from array
TypeScript
11 votes131 views1 answer
How to remove dots in ul li
TypeScript
13 votes136 views4 answers
Tsc.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
-1 vote135 views2 answers
Passing props with typescript object
TypeScript
0 vote133 views1 answer
Render html tags in typescript
TypeScript
0 vote130 views1 answer
TypeError: autodiscover_tasks() takes at least 2 arguments (1 given) celery
TypeScript
4 votes128 views1 answer
Ionic toast
TypeScript
1 vote131 views1 answer
How to check if its a character in r
TypeScript
0 vote142 views1 answer
Edit lights in a room alexa
TypeScript
0 vote134 views1 answer
In what phaseof meiosisof prophase1 homologous chrosomes gets close to each other
TypeScript