Remove duplicate GET parameters from URL

Question

I want remove the duplicate word with regex

let url = "/courses?category=programming&filter=free&filter=free"
const az = url.replace(/(\b\S.+\b)(?=.*\1)/g, "").trim();
console.log(az) // /courses?category=programmingfree&filter=free

I want to get /courses?category=programming&filter=free

It looks like you do not want to find "words", but the whole query params. — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Oct 9, 2021 at 21:01
I dont understand regex if anyone now, please write the correct form of regex — Kasra Alizadeh
– Kasra Alizadeh, Commented Oct 9, 2021 at 21:08

Kalnode · Accepted Answer · 2023-02-22 14:50:06Z

6

You can use the URLSearchParams constructor to parse the URL parameters, then Object.fromEntries to convert it to an object (and remove duplicate keys), then parse back into a URLSearchParams object, from which you can call toString() to get the result:

let url = "/courses?category=programming&filter=free&filter=free"
let [path, params] = url.split("?");
let result = path + '?' + new URLSearchParams(Object.fromEntries(new URLSearchParams(params))).toString()
console.log(result)

edited Feb 22, 2023 at 14:50

Kalnode

11.7k3 gold badges44 silver badges76 bronze badges

answered Oct 9, 2021 at 21:06

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

3 Comments

Meet Bhanabhagwan Over a year ago

It will not work when we have to pass values in array format

Spectric Over a year ago

@Meet what do you mean "array format?" The standard way to pass multiple GET values is to assign the value more than once.

Meet Bhanabhagwan Over a year ago

I am taking multiple inputs as <input name="filters[]" value="1" /> because of our work flow, and when I submit form, it will pass multiple filters[] keys in URL, We can't control that as per my knowledge, It will be great, if you have answer for it

Collectives™ on Stack Overflow

Remove duplicate GET parameters from URL

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related