在 JavaScript 中優雅地刪除查詢字串參數

使用 URL 時，通常需要操作查詢字串參數。一項常見任務是刪除特定參數。雖然正規表示式可以是一種解決方案，但它們可能容易出錯且不靈活。

更好的方法：解析與操作

不要使用正規表示式，請考慮解析將查詢字串轉換為對象，對其進行操作，然後重建URL。這種方法有幾個優點：

• 簡單：比較容易讀寫。
• 彈性：可以處理複雜的參數名稱和值.
• 安全：防止無意中修改不相關的參數。

實作

下面是一個 JavaScript 函數範例，使用這個方法：

function removeURLParameter(url, parameter) {
    // Split the URL into parts
    var urlparts = url.split('?');

    // Check if the URL has a query string
    if (urlparts.length >= 2) {
        var prefix = encodeURIComponent(parameter)   '=';
        var pars = urlparts[1].split(/[&;]/g);

        // Iterate over the parameters
        for (var i = pars.length; i-- > 0;) {
            // Remove the parameter if it matches the prefix
            if (pars[i].lastIndexOf(prefix, 0) !== -1) {
                pars.splice(i, 1);
            }
        }

        // Reconstruct the URL
        return urlparts[0]   (pars.length > 0 ? '?'   pars.join('&') : '');
    }

    // Return the original URL if no query string
    return url;
}

用法：

要使用此功能，只需傳入原始 URL 和要刪除的參數即可。例如：

const updatedURL = removeURLParameter('https://example.com?foo=bar&baz=qux', 'foo');

這將返回不帶'foo ' 參數的URL：

https://example.com?baz=qux

透過使用此方法，您可以更輕鬆、更可靠地操作查詢字串參數。它確保僅修改預期參數，從而防止可能破壞程式碼的意外變更。