Is there a simpler way to convert a query string into an object while preserving the respective data types? Let me provide some context: I utilize a table from an external service that generates filters as I add them. The challenge arises when I need to encode these filters into a query string and then decode them back into their original formats. For instance, if my initial filter is { foo: 10 }, I want it to remain unchanged when decoded, rather than being transformed into { foo: "10" }. However, since query strings are essentially strings, the values of JSON attributes end up as strings when decoded. Although I am not seeking a method implementation, I would appreciate any insights or suggestions on simplifying this process, perhaps through the use of utilities.
I have initiated the following method:
const parseStringToJson = (str: string | null | undefined): object => {
// str example: skip=0&take=10
const parsedJSON: any = QueryString.parse(str || {});
// parsedJSON example: { skip: "0", take: "10"}
const convertDataType = (data: object | null): void => {
Object.entries(data || {}).forEach(([key, value]) => {
let isNumber = (typeof value === 'number' || (typeof value === 'string' && !isNaN(parseFloat(value))));
let isBoolean = value === 'true' || value === 'false';
//value is number
if (isNumber) {
return (parsedJSON[key] = Number(value));
}
//value is boolean
if (isBoolean) {
return (parsedJSON[key] = value === 'true');
}
//value is string
if (typeof value === 'string' && !isNumber) {
return (parsedJSON[key] = value);
}
});
};
convertDataType(parsedJSON);
// parsedJSON example: { skip: 0, take: 10}
return parsedJSON;
};
QueryString module is imported from qs
This methodology currently handles only shallow objects, leaving the need for deep nested structures and arrays unaddressed. Before delving further into this solution, do you have any alternative approaches in mind?