檢查url正則表達式的一部分

Question

我在導航樹中有節點。我想選擇所有屬於網址一部分的節點，這樣我就可以突出顯示它們。我有它的工作，但忘了邊緣的情況下，網址的最後一部分以相同的字符串開始。

在這種情況下，如果有人在url /products/foobar-super我希望它選擇/products和/products/foobar-super但不是/products/foobar。

describe('part of url', function() { 

    it('matches /products and /products/foobar-super', function() { 

    var current = '/producten/foobar-super'; 

    var nodes = [ 
     '/products', 
     '/products/foobar', 
     '/products/foobar-super', 
    ]; 

    var result = []; 

    nodes.forEach(function (node) { 
     if (new RegExp(node + '.*').test(current)) { 
     result.push(node); 
     } 
    }); 

    result.should.eql([ 
     '/products', 
     '/products/foobar-super', 
    ]); 

    }); 

}); 

的jsfiddle與測試：http://jsfiddle.net/RKDga/2/

不知道是否有可能用正則表達式的其他解決方案，我的猜測是分裂節點和/當前的URL比較這些。

Answer 1

測試將通過，如果

new RegExp(node + '.*') 

改爲

new RegExp(node + '(/|$)') 

它可以防止匹配，除非node後跟/或字符串的結尾。

Answer 2

下面的代碼可以幫助你JSFIDDLE

/*globals mocha: true, describe: true, it: true, beforeEach:true */ 
(function() { 
    function assert(expr, msg) { 
     if (!expr) throw new Error(msg || 'failed'); 
    } 

    mocha.setup({ 
     ui: "bdd", 
     ignoreLeaks: true 
    }); 

    describe('part of url', function() { 

     it('matches /products and /products/foobar-super', function() { 

     var current = '/products/foobar-super'; 

     var nodes = [ 
      '/products', 
      '/products/foobar', 
      '/products/foobar-super', 
     ]; 

     var result = []; 
     ; 
    var urllist = current.split("/"); 
    var temp; 
    nodes.forEach(function (node) { 
     temp = ""; 
     for(var i=1;i<urllist.length; i++){ 
      temp += "/"+ urllist[i]; 
      if(node == temp){ 
      result.push(node); 
      } 
     } 
    }); 

console.log(result);   

     assert(result[0] === '/products', 'first item should be /products'); 
     assert(result[1] === '/products/foobar-super', 'second item should be /products/foobar-super'); 


     }); 

    }); 


mocha.run(); 
}()); 

Answer 3

這裏有沒有一個正則表達式的其他解決方案：

describe('part of url', function() { 

    it('matches /products and /products/foobar-super', function() { 

    var current = '/products/foobar-super'; 

    var nodes = [ 
     '/products', 
     '/products/foobar', 
     '/products/foobar-super', 
    ]; 

    var result = []; 

    nodes.forEach(function (node) { 

     var node_parts = node.split('/'); 
     var current_parts = current.split('/'); 
     var match = true; 

     node_parts.forEach(function (node_part, i) { 

     if (node_part !== current_parts[i]) { 
      match = false; 
     } 

     }); 

     if (match) { 
     result.push(node); 
     } 

    }); 

    result.should.eql([ 
     '/products', 
     '/products/foobar-super', 
    ]); 

    }); 

});