如何使用 JavaScript 從 URL 中刪除查詢字符串

在 JavaScript 中從 URL 中刪除查詢字符串：

1. 使用URL() 構造函數將 URL 字符串轉換為對象實例。
2. 設置search 和 hash 對象實例的屬性為空字符串 '' .
3. 使用 toString() 方法來獲取修改後的 URL。

let url = `https://example.com?size=M&size=XL&price=29&sort=desc#clicked`

const obj = new URL(url)
obj.search = ''
obj.hash = ''

url = obj.toString()
console.log(url)
// https://example.com/

URL object 用於在 JavaScript 中解析、構造、規範化和編碼 URL。它提供靜態方法和屬性來讀取和修改 URL 的不同組件。

或者，您也可以使用 split() 在問號上拆分字符串並訪問索引 0 處的數組元素的方法 ：

let url = `https://example.com?size=M&size=XL&price=29&sort=desc#clicked`

url = url.split('?')[0]
console.log(url)
// https://example.com

如果 URL 中不存在查詢字符串，並且 URL 僅包含哈希，請改用以下方法：

let url = `https://example.com#clicked`

url = url.split(/[?#]/)[0]
console.log(url)
// https://example.com