Convert Object to Url string parameter with checks of array

Question

I have an object with some values as arrays.

let paramObj = {
    name: 'title',
    properties: [01, 02, 03],
    rooms: [01],
    city: 'cityname'
}

I want to convert it to url parameters like this

http://localhost:8080/endpoint?name=title&properties=01&properties=02&properties=03&rooms=01&city=cityName

I have some thing which is working fine for normal strings but I want to check if the object key has array than convert it to multiple parameters. here is my code

 const qs = Object.keys(paramObj)
.map(key => `${key}=${paramObj[key]}`)
.join('&');

Hi, I am newbie I don't know how to do that in above code. if you can share any relevant links that will be helpful. Thanks — Umar
– Umar, Commented Aug 30, 2020 at 20:04

PeterKA · Accepted Answer · 2020-08-30 21:05:08Z

1

You can use Array.isArray() method as in the demo below. If the leading zeros are important then the array elements should be written in string format e.g. "01" instead of 01.

let paramObj = {
    name: 'title',
    properties: [01, 02, 03],
    rooms: ["01"],
    city: 'cityname'
}


const qs = Object.keys(paramObj)
.map(
    key => Array.isArray(paramObj[key]) ? 
        paramObj[key].map(v => `${key}=${v}`).join('&') : 
            `${key}=${paramObj[key]}`
)
.join('&');

console.log( qs );

answered Aug 30, 2020 at 21:05

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gaetanoM · Accepted Answer · 2020-08-30 21:53:29Z

1

In order to convert an object to a suitable string for use in a URL query string you can use:

jQuery.param() : Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request. In case a jQuery object is passed, it should contain input elements with name/value properties.

let paramObj = {
  name: 'title',
  properties: [01, 02, 03],
  rooms: [01],
  city: 'cityname'
}
let params = $.param(paramObj).replace(/%5B%5D/g, '');
let newurl = 'http://localhost:8080/endpoint?' + params;
console.log(newurl);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Aug 30, 2020 at 21:53

answered Aug 30, 2020 at 21:07

gaetanoM

42.1k6 gold badges45 silver badges63 bronze badges

Collectives™ on Stack Overflow

Convert Object to Url string parameter with checks of array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related