URLSearchParams 物件用法

URLSearchParams物件定義了操作 URL傳遞引數的方法。

在此之前要對URL傳遞引數進行相關操作要困難很多，參閱js獲取url傳遞的引數值一章節。

通過URLSearchParams()建構函式可以建立一個URLSearchParams物件例項。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
var urlSearchParam = new URLSearchParams(init);

引數解析:

（1）.init：可選，一個帶有引數的URL查詢字串字串，不能包含問號和問號前面的字串。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
var url = "forum.php?mod=viewthread&tid=4596";
var urlSearchParam = new URLSearchParams(url);
console.log(urlSearchParam.get("mod"));

無法獲取mod引數值，程式碼修改如下:

[JavaScript] 純文字檢視 複製程式碼
var url = "mod=viewthread&tid=4596";
var urlSearchParam = new URLSearchParams(url);
console.log(urlSearchParam.get("mod"));

把問號和問號前面的字串去掉就可以正確獲取。

可以直接使用for of運算子直接遍歷URLSearchParams物件例項。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var url = "mod=viewthread&tid=4596";
var urlSearchParam = new URLSearchParams(url);
for(var param of urlSearchParam) {
  console.log(param);
}

程式碼執行，控制檯截圖如下（直接在本站模擬控制檯執行也可以）:

URLSearchParams例項方法: