在资源数组中找到合适的动态路径资源的最佳方法是什么？

Question

I have the following Array of resources, including a dynamic resource ("guides/:guideId/packages") and a currentURL (guides/GUIDE007/packages):

const resources = ["guides", "guides/files", "guides/:guideId/packages"];
const currentURL = "guides/GUIDE007/packages";

const getResourceMatch = (resources, currentURL) => { return ... ?? }  

const resourceMatch = getResourceMatch(resources, currentURL);
console.log(resourceMatch) // guides/:guideId/packages

What can be the best way to find that format match into the array as the currentURL matches a resource or a resource format?

Answer 1

I will preface this by saying you should probably try to find a library that can do route matching for you. Nevertheless, here's a route matching implementation for you that turns your resource strings into regular expressions to test the currentURL against.

 const resources = ["guides", "guides/files", "guides/:guideId/packages", "guides/packages/:packageId"]; const currentURL1 = "guides/GUIDE007/packages"; const currentURL2 = "guides/packages/PKG007"; const getResourceMatch = (resources, currentURL) => { return resources.find(r => { const regexStr = '^' + r.replace(/(:\\w+)/g,'[\\\\w-]+') + '$'; const regex = new RegExp(regexStr); return regex.test(currentURL); }) } const resourceMatch1 = getResourceMatch(resources, currentURL1); const resourceMatch2 = getResourceMatch(resources, currentURL2); console.log(resourceMatch1) // guides/:guideId/packages console.log(resourceMatch2) // guides/packages/:packageId