JavaScriptでのクエリー文字列操作が簡単に！「URLSearchParams」クラス

もうクエリ文字列を配列化するための関数を作る必要はありません。

パラメータを取得するのに面倒な処理を書く必要はなくなりました。

「URLSearchParams」クラスを使えば、以下のように配列化、クエリ文字列化が簡単にできます。

「URLSearchParams」クラスの使い方

const queryString = "a=1&b=2&c=3";
const params = new URLSearchParams(queryString);

//クエリ文字列を操作する
console.log(params.has('a')); //true
console.log(params.get('a')); //1
params.append('d',4);
console.log(params.toString()); //a=1&b=2&c=3&d=4
params.set('d',5);
console.log(params.toString()); //a=1&b=2&c=3&d=5
params.delete('d');
console.log(params.toString()); //a=1&b=2&c=3

//連想配列(オブジェクト)にする
const paramsArr = Object.fromEntries(params.entries());
console.log(paramsArr['a']); //1

//連想配列(オブジェクト)からクエリ文字列にする
const query = new URLSearchParams({
  a: 1,
  b: 2,
  c: 3,
});

console.log(query.toString()); //a=1&b=2&c=3