動かざることバグの如し

3分経てば忘れそうなことをメモします

javascriptでGETパラメータを整形するときはURLSearchParams


※ レガシーブラウザの対応を除く

この記事で終了、ってなっちゃうけど。

qiita.com

試してみる

let url = new URL('http://thr3a.hatenablog.com/search?q=rails&order=date');
let params = new URLSearchParams(url.search.slice(1));

params.get('q')
// => "rails"

params.has('q')
//  => true

params.set('order', 'popular')

params.getAll('q')
//  => ["rails"]

params.append('hoge', 114514)

params.delete('q');

params.toString();
// => 'order=popular&hoge=114514'

で、対応ブラウザは?

そもそも最近でたAPIだから少ない IEは全滅

http://caniuse.com/#search=URLSearchParamscaniuse.com

ChromeとかFirefox等モダンブラウザ限定でIEなんか関係ないって場面ではどんどん使っていきたい