jQuery or js にてパラメータの値を配列にする。

Question

パスに含まれるパラメータを取得し、配列にしたいと思っています。
参考URL:https://www.jiriki.co.jp/blog/jquery/jquery-if-urlparameter

現在までに確認が取れているコード(修正前)

(function () {
	var path = location.pathname;
	if (path == "/user") {
		var u = location.href;
		params = u.split("?");
		spparams = params[1].split("&");
		// console.log(spparams);
		// ["id=1","like=1","like=2"]

	}
});

期待する動作(修正前)
like=1 と like=2 を1つの配列にしたいです。

	like => [
		1,
		2
	];

##現在までに確認が取れているコード(修正後)

(function () {
	var path = location.pathname;
	if (path == "/user") {
		var u = location.href;
		params = u.split("?");
		spparams = params[1].split("&");
		
		var a = $.grep(spparams, function (elem) {
                        return elem.split("=");
                    });
		var b = {};
		a.forEach(function (x) {
            var y = x.split("=");
            if (typeof b[y[0]] == "undefined") b[y[0]] = [];
            b[y[0]].push([y[1]]);
        });
        console.log(b);

        //yambejp様のソースコードを使用させていただいています。
        // {id: Array(1),like: Array(2)}

	}
});

##期待する動作(修正後)
like(key) のみで連想配列を作成したいです。
実装を進めていくうちに下記が期待する動作でした。すみません。

array:2 [▼
  like => "1"
  like => "2"
]
※keyはlikeじゃなくても問題ありません。

ご教授よろしくお願いします。

<><<<<><><><><><><>><><><><><><><><><><><><><><>>><>><><><><><>

追記
HayatoKamono 様のおっしゃる通りでしたので新規質問を立てました。
新規質問
失礼しました。

Comments

[HayatoKamono]

「質問するときのヒント」を熟読の上、質問文を修正すると、適切な回答が付きやすいかと思います。 https://teratail.com/help/question-tips

[m.ts10806]

調べたこと、自身が書いたコードを質問本文に記載してください。「期待する動作をしない」ものでも結構です。もしかしたら少し理解が違ったり、答えのすぐ前まできているかもしれません。しかしそれはコードがないと判断できませんしアドバイスもできません。

[退会済みユーザー]

質問内容を修正しました。よろしくお願いします。

[HayatoKamono]

回答中に解決済みになってしまいましたが、とりあえず回答致しました。

[HayatoKamono]

解決済みの質問を後から質問内容を変えて再開するのは好ましくないと思います。この質問への既存回答全てが編集後の質問と合わなくなり無駄になります。別の新規質問にされたらいかがですか？それと入力が何で期待する出力が何なのかが分かりづらいので、そこを明確にされた方が良いと思います。また、出力はphpの連想配列の記法で表現されているため、JavaScriptの記法に変えてください。あれでは、object型で欲しいのかmap型で欲しいのかが分かりません。

Answer 1

こんな感じ？

var a= [
  ["apple", "1"],
  ["apple", "2"],
  ["banana", "3"],
  ["banana", "4"],  
];
var b={};
a.forEach(function(x){
  if(typeof b[x[0]]=="undefined") b[x[0]]=[];
  b[x[0]].push(x[1]);
});
console.log(b);

追記

var a=["id=1","like=1","like=2"]
var b={};
a.forEach(function(x){
  var y=x.split("=");
  if(typeof b[y[0]]=="undefined") b[y[0]]=[];
  b[y[0]].push(y[1]);
});
console.log(b);

Comments

[退会済みユーザー]

ご回答ありがとうございます。
質問内容が悪いとご指摘をいただいたので修正をしました。
せっかくご回答いただいたのに申し訳ございません。

[退会済みユーザー]

追記すぐいただきありがとうございます。
大変助かりました。
期待する動作をしましたのでベストアンサーとさせていただきます。

Answer 2

const params = ['id=1', 'like=1', 'like=2'];

const project = function project(value) {
	return value.split('=');
}

const reducer = function reducer(accumulator, [key, value]) {
  
  	if (accumulator.has(key)) {
	  	accumulator.get(key).push(value);
	  } else {
	  	accumulator.set(key, [value])
  	}

	return accumulator;	
}

const result = params.map(project).reduce(reducer, new Map());

console.log(result); // Map { 'id' => [ '1' ], 'like' => [ '1', '2' ] }

https://repl.it/repls/DistinctGenuineJavabytecode

Comments

[退会済みユーザー]

ご回答いただきありがとうございました。
勉強になりました。

Answer 3

URLSearchParamsを使ってみてはどうでしょうか？
https://developer.mozilla.org/ja/docs/Web/API/URLSearchParams

var search = location.search.substring(1); // like=1&like=2
var searchParams = new URLSearchParams(search);
var like = searchParams.getAll('like');
console.log(like); // ["1", "2"]

Comments

[退会済みユーザー]

なるほど。使ってみます！
ありがとうございます。

Answer 4

もっとうまく書ける人を待っています。

var array = [
  ["apple", "1"],
  ["apple", "2"],
  ["banana", "3"],
  ["banana", "4"],  
];

var obj = {}; 
array.map(function(childArray){
  var key = childArray[0];
  var val = childArray[1];
  !obj[key]?obj[key]=[val]:obj[key].push(val);
});

console.log(obj["apple"]);
console.log(obj["banana"]);

Comments

[退会済みユーザー]

すみません、ご回答いただきありがとうございます。
質問内容が悪かったので質問内容を修正させていただきました。
ご回答いただいたのに申し訳ございませんでした。

[yambejp]

質問内容を変えるときは元の文書を残しつつ
追記したほうがよいでしょう。
回答の整合性がとれないので・・・
新たな命題についても回答を追記しておきました

[退会済みユーザー]

おっしゃる通りでした。
namimon様、申し訳ございません。
今後は元の回答も残すようにいたします。

[namimon]

解決したなら、よかったです＞akari_2487さん