區分不同的網址

Question

我想區分不同的網址。我有一個if/else的地方，但希望這可以做得更好在香草js。請不要表達js。

/product 
/product/1 
/product/1/customer 

/product 
/product/2 
/product/2/customer 


/customer 
/customer/1 
/customer/1/product 

/customer 
/customer/2 
/customer/2/product 

當前的戰略：

if(request.url.indexOf('/product') != -1 && request.url.length == '/product'.length) { 

} else if { // /product/:id 
    if(!request.params) request.params = {}; 
    request.params.id = request.url.match(/^\/product\/([^\\/]+?)(?:\/(?=$))?$/i)[1]; 
} else { // 3rd case /product/1/customer 

} 

我覺得我的if/else沒有解決到的URI上述所有。請提出任何解決方案，以便我可以針對不同的網址以可重複使用的方式解決上述所有三種情況，並從那裏運行適當的查詢。

Answer 1

這是一個非常基本的例子，希望能讓你走上正軌。您首先需要存儲您想要的所有URL以及您想要運行的相關功能。然後當一個新的url進來時，你需要將它與你存儲的url進行比較，看看是否有匹配。由於網址可能具有某些不同的值，因此您需要一種處理通配符的方法。

因此，首先創建一個函數，將特定的url方案和相關的運行函數添加到數組中。

var myUrls = []; 
function addUrl(url, associatedFunc){ 

    mrUrls.push({ 
     func: associatedFunc, 
     parts: url.split('/').map(function(item){ 
      return item.startsWith(':') ? null : item; 
     }); 
    }); 
} 

要添加新的URL，你會把:的URL，可以是野性的任何部分的前面。

addUlr('/product/:value/customer', doCustomerStuffFunc); 

接下來你需要一種比較傳入的url請求和你的url數組的方法。

function resolveUrl(url){ 

    myUrls.forEach(function(item){ 
     var pieces = url.split('/'); 
     if(pieces.length === item.parts.length){ 
      for(var i=0; i<pieces.length; i++){ 
       // check if the piece is valid 
       if(item.parts[i] && pieces[i] !== item.parts[i]){ 
        break; 
       } 

       // if there is an exact match run the function and return 
       if(i === pieces.length - 1){ return item.func(pieces); } 
      } 
     } 
    }); 
} 

這將運行第一次遇到的匹配關聯函數，傳入包含給定url中所有值的數組。

注意：這是未經測試的代碼，寫在我頭上，旨在讓你開始，而不是一個完整的解決方案。