Fassen Sie die Verwendungsfähigkeiten der booleschen Operatoren || und && in JavaScript_javascript-Fähigkeiten zusammen

Haben Sie jemals Code wie diesen gesehen: a=a||""; Vielleicht werden JavaScript-Anfänger dadurch verwirrt sein. Heute werde ich einige meiner Erfahrungen mit Ihnen teilen.
Eigentlich:

a=a||"defaultValue";

a=a||"defaultValue"; 
 

und:

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

und:

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

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

sind gleichwertig!
Um dieses Problem zu klären, müssen wir zunächst ein Problem verstehen: Was passiert, wenn der Datentyp in JavaScript in den Bool-Typ konvertiert wird?

In JavaScript können Datentypen in „wahre Werte“ und „falsche Werte“ unterteilt werden. Wie der Name schon sagt, ist der Wert wahr, wenn ein wahrer Wert in einen Bool-Wert konvertiert wird; wenn ein falscher Wert in einen Bool-Wert konvertiert wird, ist der Wert falsch. Die folgende Tabelle listet die Werte einiger gängiger Datentypen bei der Konvertierung in Bool auf:

Im if-Ausdruck konvertiert JavaScript zunächst den bedingten Ausdruck in einen Bool-Typ. Wenn der Ausdruck wahr ist, wird die Logik im if ausgeführt, andernfalls wird sie übersprungen.

Es gibt also:

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


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

Schauen wir uns als nächstes die beiden Ausdrücke „&&“ und „||“ an.
Da JavaScript eine schwach typisierte Sprache ist, können sich diese beiden Ausdrücke in JavaScript von denen in anderen Sprachen (z. B. Java) unterscheiden.
In JavaScript funktioniert der Operator „&&“ wie folgt:

Wenn der Wert des Ausdrucks auf der linken Seite von && wahr ist, wird der Wert des Ausdrucks auf der rechten Seite zurückgegeben, andernfalls wird der Wert des Ausdrucks auf der linken Seite zurückgegeben.

Das bedeutet:

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

Die Operationsregeln des „||“-Operators lauten wie folgt:

Wenn der Wert des Ausdrucks auf der linken Seite von || wahr ist, wird der Wert des Ausdrucks auf der linken Seite zurückgegeben; andernfalls wird der Wert des Ausdrucks auf der rechten Seite zurückgegeben.

Das bedeutet:

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

Sie können also verstehen:

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

s Logik. Wenn a ein falscher Wert ist (gleich null, leere Zeichenfolge ...), wird „defaultValue“ a zugewiesen; andernfalls wird der Wert von a a selbst zugewiesen.


Im Folgenden verwenden wir ||, &&, um den Prozess zu vereinfachen:

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)//真值操作

Ein weiteres Beispiel:

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

Der Ausgabewert von d ist 0. Wenn der Wert von d auf einen Wert ungleich 0 geändert wird, ist d immer 3

Also && in js gibt den ersten Wert zurück, der nicht wahr ist, nämlich 0 (Objekte können auch verwendet werden), und wenn alle wahr sind, wird der letzte zurückgegebene Wert zurückgegeben.
     

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

Der Ausgabewert von d ist 3. Wenn der Wert von b auf 0 geändert wird, ist d immer 5. Wenn alle auf 0 geändert werden, ist der Wert von d 0.

Daher gibt || in js den ersten Wert zurück, der nicht falsch ist, also 0 (Objekte sind ebenfalls akzeptabel), und wenn alle falsch sind, wird der letzte Wert zurückgegeben.
Anwendung:

Wenn Sie beispielsweise einfach das E-Mail-Format überprüfen möchten, ist das Format nur dann korrekt, wenn sowohl „@“ als auch „.“ gleichzeitig vorhanden sind. Andernfalls wird eine Fehlermeldung angezeigt:

Welches soll ich verwenden? Lassen Sie es uns aufschlüsseln:

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

Wenn beide vorhanden sind: Beide Seiten von && sind falsch. && gibt den ersten wahren Wert zurück, daher ist die if-Beurteilungsbedingung falsch und die Anweisung nach dem if wird nicht ausgeführt! Der Benutzer wird nicht dazu aufgefordert.

Nur ​​mindestens @ und. Es liegt ein Fehler vor, wenn die if-Bedingung wahr ist.

Wenn beide vorhanden sind, wird der letzte Wert zurückgegeben, der wahr ist. Wenn die Beurteilungsbedingung erfüllt ist, wird die if-Anweisung ausgeführt. Sofortiger Benutzerfehler.

Die Verwendung von && ist also offensichtlich falsch!

sollte durch

ersetzt werden

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

Analyse:

Wenn beides vorhanden ist: Alle sind falsch, der Rückgabewert ist falsch. Wenn die Bedingung nicht erfüllt ist, wird die Anweisung nicht ausgeführt und es wird kein Fehler angezeigt!

Wenn nur einer vorhanden ist: Geben Sie den ersten Wert zurück, der nicht falsch ist. Gibt „true“ zurück, um einen Fehler anzuzeigen!

Beide existieren nicht: Geben Sie den ersten Wert zurück, der nicht falsch ist, geben Sie true zurück und lösen Sie einen Fehler aus!

Sie sollten also ||

verwenden