ホームページ  >  記事  >  ウェブフロントエンド  >  JS での && と || の使用法

JS での && と || の使用法

一个新手
一个新手オリジナル
2017-10-20 10:36:342029ブラウズ

フロー制御ステートメントの中で、私たちが最もよく知っているのは

 if( 条件 ){   //代码块  
 }else {   //代码块
 }
です

さまざまなことを実行するコードの場合、実行するコードが多数ある場合は、上記の方法を使用する必要がある場合があります

しかし、多くの場合、開発中に、上記の方法を使用すると、冗長すぎる代入操作がいくつか発生します。

例:

 num1 = 10 num2 = 20

上記のメソッドは結果を出力するだけですが、それを実装するために 5 行のコードを使用していることがわかります。

次に、上記の 5 行のコードで得られた結果を 1 行のコードで置き換える方法を見てみましょう

 var num1 = 10; var num2 = 20; 
 // 第一种方式 也可以使用 三目运算符
 alert( num2 > mum1 ? num2 : num1 ); 
 //第二种方式  就是使用 && ,||
 alert( num2 > num1 && num2 || num1 );

三項演算よりも &&、|| を使用する利点は、複数の条件を判断できることです。単独で使用してください

&& 例:

var num1 = 10;var num2 = 5;// 假如 num1,num2 都大于10 则输出 num1+num2;
   var result = num1>10 && num2 >10 && num1+ num2 || 0;
       alert(result);

私たちの開発者は、開発中に読み取りバックエンドによって返されたデータが何らかの理由で読み取れない可能性があることを認識しています。受信したデータがオブジェクトの場合、フィールドの受信時に追加のフィールドが追加されます。

でフィールドが取得できなかった場合、例:

var  reuslt = res && res.data || [];      
if ( result.length ) return;

このメソッドを使用すると、オブジェクトの場合、取得されず、オブジェクト属性が使用されている場合、条件によって変数を使用するかどうかを判断できます。エラーが報告されます。

このパターンを避けるには、使用するときに判断、判断、判断する必要があります

以上がJS での && と || の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。