>  기사  >  웹 프론트엔드  >  && 및 || JS에서의 사용법

&& 및 || JS에서의 사용법

一个新手
一个新手원래의
2017-10-20 10:36:342087검색

흐름 제어 문 중 우리에게 가장 친숙한 문은

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

다양한 일을 실행하는 코드의 경우 실행할 코드가 많으면 위의 방법을 사용해야 할 수도 있습니다

하지만 종종 개발 중에 위의 방법을 사용하면 일부 할당 작업이 너무 중복됩니다.

예:

 num1 = 10 num2 = 20

위 메소드는 결과만 출력하지만 이를 구현하기 위해 5줄의 코드를 사용하는 것을 볼 수 있습니다.

다음으로, 한 줄의 코드를 사용하여 위의 다섯 줄의 코드로 얻은 결과를 바꾸는 방법을 살펴보겠습니다.

 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.