Question

我有一些URL都遵循相同的结构。

https://www.website.com/services/county/town/servicename/brand/

当搜索结果为零时，我们会显示一个按钮，当单击该按钮时会运行一个功能来删除URL的最后一部分，从而扩展搜索范围。

例如，如果上述网址返回0结果，则点击我们的按钮会加载https://www.website.com/services/county/town/servicename/已从搜索条件中移除brand并扩大结果的可能性。

我目前使用的代码有效，但看起来有点像黑客。

function expandSearch() {
    var currentURL = window.location.href;
    var parts = currentURL.split("/");
    var lastPart;

    if ( parts.length === 9 )  {
        lastPart = currentURL.substr(currentURL.lastIndexOf('/') - parts[7].length) + '$';
        window.location.href = currentURL.replace( new RegExp(lastPart), "");
    } else if ( parts.length === 8 ) {
        lastPart = currentURL.substr(currentURL.lastIndexOf('/') - parts[6].length) + '$';
        window.location.href = currentURL.replace( new RegExp(lastPart), "");
    } else if ( parts.length === 7 ) {
        lastPart = currentURL.substr(currentURL.lastIndexOf('/') - parts[5].length) + '$';
        window.location.href = currentURL.replace( new RegExp(lastPart), "");
    } else if ( parts.length === 6 ) {
        lastPart = currentURL.substr(currentURL.lastIndexOf('/') - parts[4].length) + '$';
        window.location.href = currentURL.replace( new RegExp(lastPart), "");
    }
}

搜索可以在任何时候返回0结果，直到https://www.website.com/services/，此时返回整个数据库。

网址也可能包含缺少的元素，例如它可能包含county但没有town。

是否有更好/更清晰的方法来删除最终的网址元素并将浏览器重定向到这个新的更广泛的搜索？

最终的工作版本我最后感谢@ebilgin，感谢所有人：

function expandSearch() {

    var parts = window.location.pathname.substr(1).split("/");
    parts = parts.filter(Boolean); // Remove trailing empty array object
    parts.pop(); // Remove last array object
    window.location.href = "/" + parts.join("/") + "/"; // Go to new Location

}

Answer 1

您可以使用.pop()和.join()函数解决问题。

function expandSearch() {
    var parts = window.location.pathname.substr(1);
    var lastCharIsSlash = false;

    if ( parts.charAt( parts.length - 1 ) == "/" ) {
       lastCharIsSlash = true;
       parts = parts.slice(0, -1);
    }

    parts = parts.split("/");
    parts.pop();

    parts = "/" + parts.join("/") + (lastCharIsSlash ? "/" : "");

    window.location.href = parts;
}

如果您的每个URI都有一个尾部斜杠。这是更清晰的版本。

function expandSearch() {
    var parts = window.location.pathname.slice(1, -1).split("/");
    parts.pop();
    window.location.href = "/" + parts.join("/") + "/";
}

在Javascript / Jquery中删除URL的最后部分

1 个答案: