How to convert javascript obj into URL parameters with nested object in it?

Question

I have a react app that handles routing in the application. I am getting json object from db with parameters that will look like this:

    let paramsObj = {
        state: {
            Corp: "CorpCode",
            Location: "LocationCode",
            IsCorp: false
        }
    };

How to convert paramsObj and encode it to URL parameters so the final string would look like this?state=%7B%20Corp%3A%20%22CorpCode%22%2C%20Location%3A%20%22LocationCode%22%2C%20IsCorp%3A%20false%20%7D

Answer 1

let paramsObj = {
    state: {
        Corp: 'CorpCode',
        Location: 'LocationCode',
        IsCorp: false,
    },
};

const urlSearchParams = Object.keys(paramsObj).reduce((output, key) => {
    const value = paramsObj[key];
    const valueString = JSON.stringify(value);
    output.append(key, valueString);
    return output;
}, new URLSearchParams());

console.log(urlSearchParams.toString());