How to encode array elements in javascript?

Question

How can I encode javascript arrays in url?

eg: The following is my query param

/query?colors=['red','blue','green',]

expected output

%5B%27red%27%2C%27blue%27%2C%27green%27%2C%5D

I've tried encodeURI and encodeURIComponent, but the comma is not getting transformed in to %2C.

UPDATE I tried this

let colors = ['red','green']
encodeURIComponent(JSON.stringify(colors))

colors=%255B%2522red%2522%252C%2522green%2522%255D.

But when I does so additional characters 25 is getting added. How Can I prevent that?

It’s not necessary to encode the comma. Is it a problem that it’s not getting encoded…? — deceze
– deceze ♦, Commented Jun 2, 2020 at 17:20
Ýes. It is a problem, if comma is not encoded. API won't return anything. So comma must be encoded. — mx_code
– mx_code, Commented Jun 2, 2020 at 17:26
You must be double encoding something there somewhere. That code does not add "%25"! — deceze
– deceze ♦, Commented Jun 2, 2020 at 17:58

mplungjan · Accepted Answer · 2020-06-02 17:29:07Z

2

let urlSearch = new URLSearchParams()
urlSearch.set("colors",JSON.stringify(['red','blue','green']))
console.log("/query?"+urlSearch.toString())

answered Jun 2, 2020 at 17:29

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Comments

Guilherme Branco · Accepted Answer · 2020-06-02 17:59:30Z

0

var test = ['red','blue','green'];

console.log('colors='+encodeURIComponent(JSON.stringify(test)));

answered Jun 2, 2020 at 17:25

Guilherme Branco

311 silver badge4 bronze badges

colors=%255B%2522red%2522%252C%2522green%2522%255D. But when I does so additional characters 25 is getting added. How Can I prevent that?