How to add query param from object dynamically?

Question

//example of an Object
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50
};

Expected output : URL : www.domain.com/person?firstName=John&lastName=Doe&age=50

what is the best way to add it in query param ?

How about this for the last part , Object.entries(person).map(k=>k.join("=")).join('&') — Rajneesh
– Rajneesh, Commented Jun 24, 2020 at 15:43

Rajneesh · Accepted Answer · 2020-06-24 15:46:54Z

1

We can take entries of the object then we can map and join it accordingly. Give this a try:

var person = { firstName:"John", lastName:"Doe", age:50 };

var result = `www.domain.com/person?${Object.entries(person).map(k=>k.join("=")).join('&')}`;

console.log(result);

answered Jun 24, 2020 at 15:46

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

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

Comments

Surendranath Sonawane · Accepted Answer · 2020-06-24 15:49:12Z

0

I found this method :

 getQueryParamURL(url, param) {
        let query = '?'
        Object.keys(param).forEach((key, i, arr) => {
            query += key + '=' + param[key]
            if (arr[i + 1]) {
                query += '&';
            }
        })
        return url + query
    }

Use it :

let personObj = {
    firstName:"John",
    lastName:"Doe",
    age:50
};
let queryUrl = this.getQueryParamURL('www.domain.com/person',personObj )

answered Jun 24, 2020 at 15:49

Surendranath Sonawane

1,7772 gold badges20 silver badges27 bronze badges

Collectives™ on Stack Overflow

How to add query param from object dynamically?

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