Parsing Params out of a URL in Angular

Question

I am trying to track certain metrics in google analytics, but I only want to grab the params, remove sensitive information and send them off as a comma separated string. Such that:

this=me&that=you

would be fired off to ga as:

this,that

I have tried using Angular's native URL parser but I think I may need something more complex and I am not versed enough in REGEX to yank these out simply. Any help is greatly appreciated.

You can use .split('&') and .split('=') to get the key-value pairs and then the parameters themselves. — Explosion Pills
– Explosion Pills, Commented Aug 4, 2015 at 20:16
^ to tag on to that, you can also use location.search to get the parameters at the end of a url — Steve Pierce
– Steve Pierce, Commented Aug 4, 2015 at 20:17
Had to change something. Take this with a grain of salt, but might give you some idea how to accomplish this with regex: \?((?<paramName>[\w-_\.%]+)=[\w-_\.%]+&?)+$ — lintmouse
– lintmouse, Commented Aug 4, 2015 at 20:27
So in your example, would I just assign my string to 'paramName' and pass that into your regex? — mrtriangle
– mrtriangle, Commented Aug 4, 2015 at 20:33
Actually, that won't work in Javascript. Check this out for a JS example: regex101.com/r/pN3uH3/1 — lintmouse
– lintmouse, Commented Aug 4, 2015 at 20:37

Wiktor Stribiżew · Accepted Answer · 2015-08-04 20:45:31Z

1

You can replace all = + values with commas, and then right-trim the final comma (if any) with regexps and replace in JS like this:

var str = "this=me&that=you";
var result = str.replace(/=[^&]+(?:&|$)/g, ',').replace(/,$/,'');
document.getElementById("r").innerHTML = result;

<div id="r"/>

answered Aug 4, 2015 at 20:45

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

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

1 Comment

Wiktor Stribiżew Over a year ago

Please let me know if you need more clarification on this.

Collectives™ on Stack Overflow

Parsing Params out of a URL in Angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related