連想配列【key: [値, 値, 値]】への格納方法を教えてください

Question

前提

kintoneで動的に絞り込めるドロップダウンを作成しています。
参考にしたページ：kintone UI Component v0を使って動的ドロップダウンを作成しよう！

上記記事で紹介されているコードは絞り込みの組み合わせをjs内に直書きしていますが、
これを動的に生成したいです。

kintoneの問題であればそちらのコミュニティで聞きますが、やりたいことはおそらくkintoneとは関係なく、配列の操作だと思うのでこちらで質問させていただきます。

実現したいこと

kintoneで別アプリからqueryでレコードの内容を取得し、

大カテゴリ	小カテゴリ
くだもの	バナナ
くだもの	イチゴ
やさい	キュウリ
やさい	トマト
やさい	キャベツ
おかし	ポテチ
おかし	チョコ

下記の形の連想配列に格納したいです。
（連想配列だと思ってますが合ってますか、、？）

let array = {
    'くだもの' : ['バナナ', 'イチゴ'],
    'やさい': ['キュウリ', 'トマト', 'キャベツ'],
    'おかし': ['ポテチ', 'チョコ'],
};

試してみたこと

上記の表をjsで配列で取得してforEachで順番に回してみましたが、

let category_arr = {};

表の内容の配列.forEach(function(elem, index) {
    const big_cate = 表の内容の配列.大カテゴリ.value;
    const sml_cate = 表の内容の配列.小カテゴリ.value;

    category_arr[big_cate] = sml_cate;
});

（よく考えれば当たり前ですが）最後の値しか残らなかったので、

// 結果
// くだもの: "イチゴ"
// やさい: "キャベツ"
// おかし: "チョコ"

小カテゴリを配列にしてpushしようと思いましたが、

let category_arr = {};
let sml_arr = [];

表の内容の配列.forEach(function(elem, index) {
    const big_cate = 表の内容の配列.大カテゴリ.value;
    category_arr[big_cate] = sml_arr.push(表の内容の配列.小カテゴリ.value);
});

数値になってしまいました。。

// 結果
// くだもの: 2
// やさい: 5
// おかし: 7

---

以上です。
調べて試してみてはいるものの、配列操作への知識が乏しいためほぼ丸投げとなり恐縮です。。
このサイト見ればできる、というのがあればURL教えていただければ頑張ります。

また、分かりにくい場所などありましたら修正しますのですみませんがご指摘ください。

方法思いつく方、ご教示のほど宜しくお願いいたします！

Answer 1

• category_arr[big_cate] に初めて値を入れるときは、[小カテゴリ.value] を入れる
• 初めてではない場合は、category_arr[big_cate].push(小カテゴリ.value) をする

という動作にする必要があります。

if (!category_arr[big_cate])
  category_arr[big_cate] = [表の内容の配列.小カテゴリ.value];
else
  category_arr[big_cate].push(表の内容の配列.小カテゴリ.value);

Comments

[bonten.design]

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

[bonten.design]

めちゃくちゃやりたい感じでできました！！
ありがとうございました。