JavaScriptでクエリ付きURLを簡単に作る

Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

URLSearchParams クラスは、キーと値のペアが格納されたオブジェクトからクエリ文字列を生成する機能も備えています。次のようにコンストラクタにオブジェクトを渡すだけです。

const searchParams = new URLSearchParams({
  aaa: 100,
  bbb: 200,
  ccc: 300,
})

console.log(searchParams.toString())  //=> 'aaa=100&bbb=200&ccc=300'
console.log(searchParams.get('aaa'))  //=> '100'
console.log(searchParams.get('bbb'))  //=> '200'
console.log(searchParams.get('ccc'))  //=> '300'