JavaScript_javascript 기술에서 부울 연산자 및 &&의 사용 기술을 요약합니다.

다음과 같은 코드를 본 적이 있습니까? a=a||""; 아마도 JavaScript 초보자는 이로 인해 혼란스러울 것입니다. 오늘 저는 제 경험 중 일부를 여러분과 공유하겠습니다.
실제로:

a=a||"defaultValue";

a=a||"defaultValue"; 
 

및:

if(!a){
a="defaultValue";
}
if(!a){ 
  a="defaultValue"; 
} 

그리고:

 
if(a==null||a==""||a==undefined){
a="defaultValue";
}

if(a==null||a==""||a==undefined){ 
  a="defaultValue"; 
} 

동등하다!
이 문제를 명확히 하기 위해서는 먼저 JavaScript의 데이터 유형이 bool 유형으로 변환될 때 어떤 일이 발생하는지 이해해야 합니다.

JavaScript에서는 데이터 유형을 "참 값"과 "거짓 값"으로 나눌 수 있습니다. 이름에서 알 수 있듯이 true 값이 bool로 변환되면 값은 true이고, false 값이 bool로 변환되면 값은 false입니다. 다음 표에는 bool로 변환할 때 몇 가지 일반적인 데이터 유형의 값이 나열되어 있습니다.

if 표현식에서 JavaScript는 먼저 조건 표현식을 bool 유형으로 변환합니다. 표현식이 true이면 if의 논리가 실행되고, 그렇지 않으면 건너뜁니다.

그래서 있습니다:

if(!a){
a="defaultValue";
}


if(!a){ 
  a="defaultValue"; 
} 

다음으로 “&&”와 “||” 두 표현을 살펴보겠습니다.
JavaScript는 약한 유형의 언어이기 때문에 JavaScript의 이 두 표현은 다른 언어(예: Java)의 표현과 다를 수 있습니다.
JavaScript에서 "&&" 연산자는 다음과 같이 작동합니다.

&&의 왼쪽 표현식 값이 true이면 오른쪽 표현식 값이 반환되고, 그렇지 않으면 왼쪽 표현식 값이 반환됩니다.

이는 다음을 의미합니다.

var i=""&&"真值";//->i=""
i="真值"&&"其他真值";//->i="其他真值"
i="真值"&&"";//->i=""
var i=""&&"真值";//->i="" 
i="真值"&&"其他真值";//->i="其他真值" 
i="真值"&&"";//->i="" 

"||" 연산자의 연산 규칙은 다음과 같습니다.

||의 왼쪽 표현식 값이 true이면 왼쪽 표현식 값이 반환되고, 그렇지 않으면 오른쪽 표현식 값이 반환됩니다.

이는 다음을 의미합니다.

var i=""||"真值";//->i="真值"
i="真值"||"其他真值";//->i="真值"
i="真值"||"";//->i="真值"
var i=""||"真值";//->i="真值" 
i="真值"||"其他真值";//->i="真值" 
i="真值"||"";//->i="真值" 

따라서 이해하실 수 있습니다.

a=a||"defaultValue";
a=a||"defaultValue"; 

의 논리. a가 거짓 값(null, 빈 문자열과 동일)인 경우 "defaultValue"가 a에 할당되고, 그렇지 않으면 a의 값이 a 자체에 할당됩니다.


아래에서는 ||, &&를 사용하여 프로세스를 단순화합니다.

var parameter="";
function test(parameter){
//return 真值
return true;
}
//真值操作
function operate1(parameter){
return "真值操作";
}
//假值操作
function operate2(parameter){
return "假值操作";
}
var result=test(parameter)&&operate1(parameter);
result=test(parameter)||operate2(parameter);
//等价于
result=test(parameter)?operate1(parameter):operate2(parameter);
alert(result);//真值操作
//也等价于
if(test(parameter)){
result=operate1(parameter);
}else{
result=operate2(parameter);
}
alert(result)//真值操作

또 다른 예:

<script language="javascript" type="text/javascript"> 
  var a =1; 
  var b = 0; 
  var c = 3; 
  var d = a && b && c; 
  window.alert(d); 
</script> 

d의 출력 값은 0입니다. d의 값이 0이 아닌 값으로 변경되면 d는 항상 3이 됩니다

따라서 js의 &&는 true가 아닌 첫 번째 값인 0(객체도 사용 가능)을 반환하고, 모두 true이면 마지막 값을 반환합니다.
     

<script language="javascript" type="text/javascript"> 
  var a =0; 
  var b = 3; 
  var c = 5; 
  var d = a || b || c; 
  window.alert(d); 
</script> 

d의 출력값은 3입니다. b의 값이 0으로 변경되면 d는 항상 5가 됩니다. 모두 0으로 변경되면 d의 값은 0이 됩니다.

예를 들어 단순히 이메일 형식을 확인하려는 경우 '@'과 '.'이 동시에 존재해야 형식이 올바른 것이고, 그렇지 않으면 다음과 같은 오류 메시지가 나타납니다.

어떤 것을 사용해야 하나요? 분석해 보겠습니다.

if (form1.elements[3].value.indexOf("@",0)==-1 && form1.elements[3].value.indexOf(".",0)==-1){ alert("EMAIL地址输入错误!")}

둘 다 존재하는 경우: &&의 양쪽 모두 거짓입니다. &&는 첫 번째 참값을 반환하므로 if 판단 조건은 거짓이고 if 뒤의 문장은 실행되지 않습니다! 사용자에게 메시지가 표시되지 않습니다.

최소 @ 및만 가능합니다. if 조건이 true인 경우 오류가 발생합니다.

둘 다 존재할 경우 마지막 값이 반환되며, 판단 조건이 성립되면 if 문이 실행됩니다. 사용자 오류를 프롬프트합니다.

따라서 &&를 사용하는 것은 분명히 잘못된 것입니다!

은

if (form1.elements[3].value.indexOf("@",0)==-1 || form1.elements[3].value.indexOf(".",0)==-1){ alert("EMAIL地址输入错误!") }

분석:

둘 다 존재하는 경우: 모두 false이고 반환 값도 false이므로 if 조건이 성립되지 않고 문이 실행되지 않으며 오류 메시지가 표시되지 않습니다!

하나만 존재하는 경우: false가 아닌 첫 번째 값을 반환합니다. 오류를 나타내려면 true를 반환합니다!

둘 다 존재하지 않습니다. false가 아닌 첫 번째 값을 반환하고, true를 반환하고 오류 메시지를 표시합니다!

따라서