In browser-based JavaScript, is it possible to perform glob pattern matching?
For illustrative purposes only, I mean a glob like this: **/*.{eot,otf,ttf,woff,woff2}, which could be matched against a URL. Or perhaps something similar to match against a list of files, etc.
To reiterate, this is in the browser: so no Node, npm packages, SPA libraries, etc.
>Solution :
There are different solutions – but you will probably have to use a npm library.
For example glob-to-regexp (npm) – which has over 20mio weekly downloads (Nov 2023)
glob-to-regexp will convert a glob pattern expression into a regular expression:
var globToRegExp = require('glob-to-regexp');
var re = globToRegExp("**/*.{eot,otf,ttf,woff,woff2}");
re.test("/this/is/an/example/a.woff"); // true
you could also convert a regexp into a string on the server or during build time:
var globToRegexp = require("glob-to-regexp")
const re = globToRegexp("**/*.{eot,otf,ttf,woff,woff2}");
const reString = re.toString();
// -> "/^.*\\/.*\\.\\{eot\\,otf\\,ttf\\,woff\\,woff2\\}$/"
in the browser you can use the string of the regexp and turn it back into a regular expression:
const re = new RegExp("/^.*\\/.*\\.\\{eot\\,otf\\,ttf\\,woff\\,woff2\\}$/");
re.test("/this/is/an/example/a.woff"); // true