文章選自

作者：小华坚决上王者

連接：https://juejin.im/post/6844903865767165959

來源：知乎

前言

假設今天有一段URL，https://www.rt-mart.com.tw/direct/index.php?action=product_sort&prod_sort_uid=4404，我們該如何獲取它的query?

今天要介紹的一個神奇的東西就是

URLSearchParams

簡單使用

let query = '?action=product_sort&prod_sort_uid=4404'
let paramsString1 = new URLSearchParams(query)

for (const iterator of paramsString1) {
  console.log(iterator);
}

獲取單個字段值

console.log(paramsString1.get('action')) // product_sort
console.log(paramsString1.get('sort')) // null

字段是否存在

console.log(paramsString1.has('action')) // true
console.log(paramsString1.has('age')) // false

添加字段

paramsString1.append('sort', 'furniture')
console.log(paramsString1.has('sort')) // true
console.log(paramsString1.get('sort')) // furniture

刪除字段

console.log(paramsString1.has('action')) // true
paramsString1.delete('action')
console.log(paramsString1.has('action')) // false
console.log(paramsString1.get('action')) // null

設置字段

paramsString1.set('prod_sort_uid', '4512 fan expensive')

轉換回字符串

console.log(paramsString1.toString());