【if-else文】else ifが機能しない

Question

前提

vue.jsを使用して自作サイトを作成しています。
簡単にサイト内容ですが、検索フォームで選択された条件と自作のJsonデータとをif-else文を利用して条件が一致したものを表示させるといったものになります。

前提・実現したいこと

else ifを正しく動作でさせたいです。

該当のソースコード

data() {
    return {
      seasonSelected: null,
      flowerNameSelected: null,
      seasonData: [],
      flowerNameData: [],
      itemJson// JSONデータ
    };
  },

methods: {
// 検索ボタンのクリックイベント
    FlowerSearch() {
      let result;
      if (
        (result = this.itemJson.filter(v => {
          return v.id === Number(this.flowerNameSelected);
        }))
      ) {
        this.flowerNameData = result;
      } else if (
        (result = this.itemJson.filter(v => {
          return v.season === this.seasonSelected;
        }))
      ) {
        this.seasonData = result;
      }
    }
  }

[{
    "id": 1,
    "name": "サクラ",
    "season": "spring",
    "flowering": "3月上旬〜4月下旬",
    "desc": "サクラは卒業から入学の時期に咲く、日本の春を代表する樹木です。特徴として開花している花は比較的短い枝についています。花の色は白や薄桃色、濃い桃色などをしており、花びらも一重や八重があります。また、桜の種類によっては、赤い果実（さくらんぼ）を6月頃付けるものもあります。",
    "imgSrc": "/images/flower_item/img_01.jpg"
  },
  {
    "id": 2,
    "name": "ネモフィラ",
    "flowering": "４月上旬〜５月中旬",
    "season": "spring",
    "desc": "ネモフィラは森の妖精のような、澄んだブルーの花が愛らしく、春の花壇やコンテナの寄植えなどに多く利用される人気の花です。細かく切れ込んだ葉が密に茂り、自然に分枝して咲きながら大きくこんもりと成長します。",
    "imgSrc": "/images/flower_item/img_02.jpg"
  }
]

試したこと

if文として一つの条件のみだと正しく動作します。
しかし、該当のソースコードのようにelse-if文で記述すると、ifは正しく動作しますがelse ifが全く機能しません、、
このことからelse if内の記述内容に問題があると判断し、条件分岐の記述方法のいつて調べてみたのですが見つけることができませんでした。

アドバイスいただければ幸いです。

Answer 1

このif文がelseへ進むことはありません。

this.itemJson.filterは配列を返しますが、JavaScriptの配列はたとえ空でもtrue扱いになります。よって、if内の条件は必ず成立します。

Comments

[退会済みユーザー]

maisumakunさんへ
回答いただき、ありがとうございます！
回答内容も分かりやすく、理解することができました！
現時点の解決策として、else if を使用せずにifを複数使用することで正しく動作することができました。

FlowerSearch() {
let result;
if (
(result = this.itemJson.filter(v => {
return v.id === Number(this.flowerNameSelected);
}))
) {
this.flowerNameData = result;
}
if (
(result = this.itemJson.filter(v => {
return v.season === this.seasonSelected;
}))
) {
this.seasonData = result;
}
}