連想配列内の配列（対象 ）から 配列（条件）で絞り込みをしたいです。

Question

前提・実現したいこと

一覧から、該当する条件のアイテムすべてを抽出したいです。

条件が配列でない場合は下記のコードで抽出できたのですが、
配列にした場合が抽出できず、ご教授いただければ幸いです。
何卒よろしくお願いいたします。

該当のソースコード

var items = [{
  "id":1,
  "name":"ガーベラ",
  "tags":["ピンク", "通年"]
},
{
  "id":2,
  "name":"バラ",
  "tags":["レッド", "通年"]
},
{
  "id":3,
  "name":"ひまわり",
  "tags":["イエロー", "夏"]
}
]

// 配列（検索ワード）
var target = ["レッド", "通年"]
//（　var target = "レッド"  では抽出できました）

var result = items.filter(green => {
  return green.tags.indexOf(this.target) !== -1
})


console.log(result);
// [object Array] (0)
//[]

Answer 1

マッチするものがあるかどうか、なので some などでチェックすれば良いと思います。

// 配列になったことを示すために、複数形を使うことをおすすめします。
const targets = ["レッド", "通年"]

const result = items.filter( (item) => 
  targets.some( (target) => item.tags.includes(target) )
)

Comments

[kero16]

ありがとうございます！ ！ someというメソッドでcheckできるのですね。
また、条件の複数形も指摘してくださってありがとうございます。

Answer 2

tagsもtargetも複数なので、突合方法が少し複雑になります。
tagsのfindを使ってtargetの中に一致するものが1件でもあればOKとするようにしました。

var items = [{
  "id":1,
  "name":"ガーベラ",
  "tags":["ピンク", "通年"]
},
{
  "id":2,
  "name":"バラ",
  "tags":["レッド", "通年"]
},
{
  "id":3,
  "name":"ひまわり",
  "tags":["イエロー", "夏"]
}
]

// 配列（検索ワード）
var target = ["レッド", "通年"]
//（　var target = "レッド"  では抽出できました）

var result = items.filter(green => {
  return green.tags.find((tag) => target.indexOf(tag) !== -1)
})


console.log(result);

[
  { id: 1, name: 'ガーベラ', tags: [ 'ピンク', '通年' ] },
  { id: 2, name: 'バラ', tags: [ 'レッド', '通年' ] }
]

Comments

[kero16]

findを使えば、配列と配列を照らし合わせることができるのですね。
ありがとうございます！