16
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

クライアントサイド(JS)だけのURLクエリパラメータ取得

Last updated at Posted at 2017-04-02

ちょっと変わったことをしなくてはいけなかったので、変数の受け渡しにURLのパラメータを使おうと…

ググって出てきたやつは、ぼくにとって使いやすい形じゃない気がしたので、みなさんにもおすそ分けがしたかった。

ってことで、良ければお使いください。

function getQuery() {
	if(window.location.search === "") return;
	const variables = window.location.search.split("?")[1].split("&");
	const obj = {};
	variables.forEach(function(v, i) {
		const variable = v.split("=");
		obj[variable[0]] = Number(variable[1]);
	});
	return obj;
}

返り値はパラメータを変数名と値にわけたとき、変数名をキー、値をNumber型の値とする(?)オブジェクトです。
書いてて変なので、例を。

http://○○○/×××?year=2017&month=4&day=3というように渡した場合、
getQuery()の返り値は、

{
	year: 2017,
	month: 4,
	day: 3
}

となります。
なお、パラメータがない場合はundefinedを返します。

16
21
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?