Untangling REGEX URLs for Effective Filtering

Question

Untangling REGEX URLs for Effective Filtering

I am currently working on creating a filter for a video list. I have successfully put together a string that includes all the values selected by the user for filtering. Right now, I am passing this string as a parameter through the URL.

For example:

NOTE: Keep in mind that the user may choose fewer filters, so the parameter:

status:3&site:4&categories:15,2,3&actors:33,5,36&search:Grass%20hopper%20

, can vary. The provided example represents the maximum combination.

QUERY: How can I extract all the data using Regular Expressions (JS)?

Desired output:

['status=3', 'site=4', 'categories=15,2,3', 'actors=33,5,3', 'search=Grass hopper']

.

Currently, I have come up with this expression:

(\w+):(((\d+),)*(\d+)|(\d+))&*

, but I am unsure of how to proceed.

Thank you for any assistance provided.

javascript angularjs regex filter

Answer 1

Answer №1

Your regular expression only matches digits with optional commas, not values like Grass hopper.

To match key-values in the last /.../ where the rightmost / is at the end of the string, you can use the following regex pattern:

\w+:(?!\/\/)[^&]+(?=[^\/]*\/$)

For a detailed explanation and to test the regex pattern, you can visit this demo.

Explanation:

\w+: - Matches 1 or more alphanumeric characters followed by a colon
(?!\/\/)[^&]+ - Matches 1 or more characters that are not & but does not start with //
(?=[^\/]*\/$) - Positive lookahead to ensure it's inside the last /.../

Another approach involves using a regex to extract URL parts after video/ (demo)

videos\/([^\/]+)

You can then split the captured value from match[1] with &:

Answer 2

Your regular expression only matches digits with optional commas, not values like Grass hopper.

To match key-values in the last /.../ where the rightmost / is at the end of the string, you can use the following regex pattern:

\w+:(?!\/\/)[^&]+(?=[^\/]*\/$)

For a detailed explanation and to test the regex pattern, you can visit this demo.

Explanation:

\w+: - Matches 1 or more alphanumeric characters followed by a colon
(?!\/\/)[^&]+ - Matches 1 or more characters that are not & but does not start with //
(?=[^\/]*\/$) - Positive lookahead to ensure it's inside the last /.../

Another approach involves using a regex to extract URL parts after video/ (demo)

videos\/([^\/]+)

You can then split the captured value from match[1] with &:

Untangling REGEX URLs for Effective Filtering

Answer №1

Similar questions

How to resolve CORS issues in an AngularJS, Spring Boot, and Nginx setup

Removing jQuery error label from an HTML block

Having issues with the functionality of the Previous/Next button in my table

The ConsoleCapture does not capture every console error for Sentry

Securing a route using a referrer in Node.js: Best practices

Instructions for smoothly moving back to the top (or specific anchor) from the current view using AngularJS

Cannot find a function within the Promise

Assistance needed for jQuery functions running too early

Searching for dates in an ng-repeat using AngularJS

Issue with restricting table size in AngularJS not resolving

retrieving the current value of a variable from a jQuery function

Steps to make pop-up iframe function on the same page within a react nextjs application

Best practices for handling multiple tables in AngularJS HTML

The console.log for a GET request in Express Router is displaying undefined parameters

Is there a way to remove a specific object key from a JavaScript object?

The variable within my function is not being cleared properly despite using a jQuery function

The Angular bootstrap popover vanishes as soon as the mouse hovers over it

Updating the CSS: Using jQuery to modify the display property to none

Receiving an error when attempting to inject the Router in a component constructor without using the elvis operator

Updating information on separate controllers in AngularJS