/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

0 vote251 views1 answer
Angular api rest
TypeScript
0 vote296 views1 answer
TypeError: __cinit__() takes at least 2 positional arguments (0 given)
TypeScript
0 vote244 views1 answer
Which of the following object types below cannot be replicated
TypeScript
0 vote265 views1 answer
DISTINQUISH BETWEEN THE AVERAGE CASE AND WORSE CASE RUNNING TIME AND THE FACTORS AFFECTING THAT AFFECTS THE RUNNING TIME OF AN ALGORITHM
TypeScript
1 vote268 views1 answer
Drop the rows where all elements are missing in a pandas dataframe
TypeScript
0 vote259 views1 answer
How to check string array is sorted or not in typescript
TypeScript
0 vote261 views1 answer
Enable anchor scrolling angular
TypeScript
2 votes272 views1 answer
Typescript create guid
TypeScript
0 vote276 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added
TypeScript
-1 vote306 views3 answers
Merge two arrays of objects lodash
TypeScript