JavaScript: 三項演算子/三項演算子のその他の用途/メソッド

まずは簡単な紹介

三項演算子: 条件? 結果 1 : 結果 2 

条件の結果が真の場合は結果 1 を出力、それ以外の場合は結果 2 を出力

私のこれまでの認識と使用経験では、三項演算子は基本的にメソッド内の判定に使用されますが、比較的単純なシナリオでは、三項演算子を使用することで if 判定を置き換えてコードを簡素化できます。

でも、最近の使い方で、新たな面白い使い方(Sao操作)を発見してしまいました…おいおい…。

シーン 1:

たとえば、v-for の従来の書き方を次の図に示します。

 しかし、私の探索(低EQ:ランダムに試した後)の結果、以下の図のように書くこともできることがわかりました。

 パッケージ化されたコンポーネントであるとして、受け取ったパラメータが isShow で、受け取った値が true の場合は testData1 のデータを表示させ、それ以外の場合は testData2 のデータを表示する このように書くことで、関数を使わずに直接判定できるようになります監視して、表示されたデータを変更します... (念のために言っておきますが、必ずしもパッケージ化されたコンポーネントである必要はありません。とにかく、他のビジネス シナリオも考えることができます...)

他にもシーンはあるのですが…えっと…うっかり忘れてたので、後で思い出したときに追加します…。

-------------------------------------------------- -------------------------------------------------- ------------------------

2022.12.15 補足

新しいアプリケーション シナリオの発見

シーン 2:

ビジネス要件: クリックイベントの有無は権限に応じて設定する必要がある

Baidu が学習した後は、以下のように @click に && 操作を記述できます。

 元のリンク: https://www.jb51.net/article/235737.htm

そこで私は、どちらの計算もできるのであれば、三眼鏡でも使えるのではないか、試してみてはいかがかと考えたのです。

すると、下の写真のように完成です!

 共有の終了、レンガを移動、レンガを移動!

おすすめ

転載: blog.csdn.net/weixin_44016350/article/details/128293694