Passing array into URLSearchParams while consuming http call for get request

Question

Going through the Angular documentation for URLSearchParams, I dint find any documentation on passing array as an parameter.

Can anybody help with that?

Answer 1

In fact, you can't pass an array directly but you can use several times the append method:

let params = new URLSearchParams(); params.append('arrayparams', 'val1'); params.append('arrayparams', 'val2'); params.append('arrayparams', 'val3'); console.log(params.toString());

Answer 2

URLSearchParams can be passed a sequence of pairs, so to have an array of values:

var ids = [1,2,3,4]
var search = new URLSearchParams(ids.map(s=>['id',s]))
var searchString = search.toString()
// "id=1&id=2&id=3&id=4"

// To get the ids from the URL search string
var search_ids = [...search.getAll('id')]

Answer 3

If you want to use @washington-braga's approach but don't want to install lodash:

function buildParams(data) {
    const params = new URLSearchParams()

    Object.entries(data).forEach(([key, value]) => {
        if (Array.isArray(value)) {
            value.forEach(value => params.append(key, value.toString()))
        } else {
            params.append(key, value.toString())
        }
    });

    return params.toString()
}