jsで同じキーの異なる値を取り出したい

Question

前提・実現したいこと

タイトルの通り
underscore.jsの_.where()で同じキーの異なる値を取り出したいです。

発生している問題・エラーメッセージ

jsonファイルから以下のようなデータを持って来ていて

{
  "test":[
    {
      "id": 1,
      "type":"aaa",
      "color":"red"
    },
    {
      "id": 2,
      "type":"aaa",
      "color":"red"
    },
    {
      "id": 3,
      "type":"bbb",
      "color":"red"
    },
    {
      "id": 4,
      "type":"bbb",
      "color":"blue"
    },
    {
      "id": 5,
      "type":"bbb",
      "color":"blue"
    }
  ]
}

下記コードの

var results = _.where(dataArray, query);

を通す際にqueryに
"type":"aaa"　が来た場合は

{"id": 1,"type":"aaa","color":"red"},
{"id": 2,"type":"aaa","color":"red"},

が取れる。

"color":"red"と"color":"blue"が来た場合、

{"id": 1,"type":"aaa","color":"red"},
{"id": 2,"type":"aaa","color":"red"},
{"id": 3,"type":"bbb","color":"red"},
{"id": 4,"type":"bbb","color":"blue"},
{"id": 4,"type":"bbb","color":"blue"}

が取れる。
上記のような感じでどれか一つでも当てはまって入れば該当データの全要素を取得するようにしたいのですが、

"color":"red"と"color":"blue"のように同じキーで異なる値が来た場合だと
"color":"red"（idでいうと1,2,3）のデータしか取得できません。

どうしても最初の一つしか取れず困っております。

// dataArrayにはjsonファイルの中身が入っています
var results = _.where(dataArray, query);

// 検索結果の出力処理
      function outputResults(results){
        // 変数の初期化
        var html = '';

        // 受け取った配列をループで処理
        // 出力するHTMLの整形
        jQuery.each(results, function() {
          html += '<div>';
          html += this.id;
          html += this.name;
          html += '</div>';
        });

        // HTMLに出力
        $('#items').empty().append(html);
      }

      // ページ読み込み時はすべてのアイテムを出力する
      $(window).on('load', function(){
        outputResults(dataArray);
      });
      console.log('成功');
    },
    error: function(){
      console.log('失敗');
    }
  })

試したこと

var results = _.where(dataArray, {type:"aaa,bbb"});
var results = _.where(dataArray, {type:"aaa","bbb"});
var results = _.where(dataArray, {type:"aaa"},{type:"bbb"});

など試しましたがエラーなどで何も表示されないか最初に来たキーの値の分しか取れませんでした

ご教示を宜しくお願いします。

追記
underscore.jsを使用していますが、
使わないでこうした方が簡単だぞ。というものがあればご教示をお願いします。
js自体あまり使用したことがないため頼ろうとしたのが使用の理由です。（結局つまずいていますが…）
厚がましいですが回答依頼させていただきました。よろしくお願いします。

Answer 1

query = [{"color":"red"}, {"color":"blue"}];

result = [];
query.forEach((el) => {
  result.push(_.where(dataArray, el));
});

ループを使うのではだめでしょうか？

Comments

[MeB]

回答ありがとうございます。
試してみます。

Answer 2

"name":"eee"、"name":"aaa"など同じキーで異なる値が来た場合でも該当のデータを取り出したいです。

name という key をもつオブジェクトを取り出したいということでしょうか？

test = [ { name: 'aaa' },
  { name: 'bbb' },
  { name: 'ccc' },
  { id: 1 },
  { id: 2 } ];

たとえば↑のような配列があった場合、

ret = test.filter(el => el.hasOwnProperty('name'));
console.log(ret);
[ { name: 'aaa' }, { name: 'bbb' }, { name: 'ccc' } ]

underscore.jsではないですが、Array がもつ fileter() 関数を使えば、渡した callback 関数が真を返すオブジェクトだけ抽出できます。

どうでしょうか。

Comments

[MeB]

ご回答ありがとうございます。
すみません。質問の内容がわかりにくかったため編集いたしました。
また、underscore.jsにこだわっているわけではなく、jsをあまりさわったことがないため
利用しているだけですので問題ありません。よろしくお願いします。