How to pass an array parameter with javascript

Question

I've to pass an ids array from a page to another page. I create $ids in PHP and I use use this with jQuery in this way:

var ids = <?php echo json_encode($ids); ?>;

jQuery(ids).each(function() {
    filters.push('ids[]=' + jQuery(this));
});

The URL result is the following:

http://url.it/?sort=newest&ids[]=[object%20Object]&ids[]=[object%20Object]&ids[]=[object%20Object]&ids[]=[object%20Object]&ids[]=[object%20Object]

I would like to have in the URL an array with all elements but I obtain all arrays with one element.

Can you help me?

Answer 1

var params = ids.map(id => 'ids[]=' + encodeURIComponent(id))
filters.concat(params)

Answer 2

you do not need to do extra things. Just create your link like this:

var ids = <?= json_encode($ids); ?>;
var link = 'http://url.it/?sort=newest&ids=[' + ids.join(',') + ']';