Ringkaskan kemahiran penggunaan operator Boolean || dan && dalam kemahiran JavaScript_javascript

Pernahkah anda melihat kod seperti ini: a=a||""; Mungkin pemula JavaScript akan keliru dengan ini. Hari ini saya akan berkongsi dengan anda beberapa pengalaman saya.
Sebenarnya:

a=a||"defaultValue";

a=a||"defaultValue"; 
 

dan:

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

dan:

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

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

adalah setara!
Untuk menjelaskan masalah ini, mula-mula kita mesti memahami masalah: apa yang berlaku apabila jenis data dalam JavaScript ditukar kepada jenis bool.

Dalam JavaScript, jenis data boleh dibahagikan kepada "nilai benar" dan "nilai palsu". Seperti namanya, apabila nilai benar ditukar kepada bool, nilainya adalah benar apabila nilai palsu ditukar kepada bool, nilainya adalah palsu. Jadual berikut menyenaraikan nilai beberapa jenis data biasa apabila ditukar kepada bool:

Dalam ungkapan if, JavaScript mula-mula menukar ungkapan bersyarat kepada jenis bool Jika ungkapan itu benar, logik dalam if dilaksanakan, jika tidak, ia dilangkau.

Jadi ada:

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


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

Seterusnya, mari kita lihat dua ungkapan "&&" dan "||".
Memandangkan JavaScript ialah bahasa yang ditaip lemah, kedua-dua ungkapan dalam JavaScript ini mungkin berbeza daripada yang terdapat dalam bahasa lain (seperti Java).
Dalam JavaScript, pengendali "&&" beroperasi seperti berikut:

Jika nilai ungkapan di sebelah kiri && adalah benar, nilai ungkapan di sebelah kanan dikembalikan jika tidak, nilai ungkapan di sebelah kiri dikembalikan.

Ini bermakna:

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

Peraturan operasi pengendali "||" adalah seperti berikut:

Jika nilai ungkapan di sebelah kiri || adalah benar, maka nilai ungkapan di sebelah kiri dikembalikan jika tidak, nilai ungkapan di sebelah kanan dikembalikan.

Ini bermakna:

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

Jadi, anda boleh faham:

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

. Jika a ialah nilai palsu (sama dengan nol, rentetan kosong...), maka "defaultValue" diberikan kepada a; jika tidak, nilai a ditetapkan kepada a sendiri.


Di bawah kami menggunakan ||, && untuk memudahkan proses:

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

Contoh lain:

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

Nilai keluaran d ialah 0. Jika nilai d ditukar kepada nilai yang tidak sama dengan 0, maka d akan sentiasa 3

Jadi && dalam js mengembalikan nilai pertama yang tidak benar, iaitu 0 (objek juga boleh digunakan), dan jika semuanya benar, maka nilai terakhir dikembalikan.
     

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

Nilai keluaran d ialah 3. Jika nilai b ditukar kepada 0, maka d akan sentiasa menjadi 5. Jika semua ditukar kepada 0, maka nilai d ialah 0.

Sebagai contoh, jika anda ingin mengesahkan format e-mel sahaja, formatnya betul hanya jika kedua-dua ‘@’ dan ‘.’ wujud pada masa yang sama, jika tidak mesej ralat akan muncul:

Yang manakah harus saya gunakan? Mari kita pecahkan:

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

Jika kedua-duanya wujud: Kedua-dua belah && adalah palsu. && mengembalikan nilai benar pertama, jadi syarat penghakiman if adalah palsu dan pernyataan selepas if tidak dilaksanakan! Pengguna tidak akan digesa.

Hanya sekurang-kurangnya @ dan. Terdapat ralat apabila keadaan if adalah benar.

Apabila kedua-duanya wujud, nilai terakhir dikembalikan, iaitu benar Jika keadaan penghakiman ditetapkan, pernyataan if dilaksanakan. Ralat pengguna segera.

Jadi menggunakan && jelas salah!

hendaklah digantikan dengan

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

Analisis:

Jika kedua-duanya wujud: semua palsu, nilai pulangan adalah palsu, jadi syarat jika tidak ditetapkan, pernyataan tidak dilaksanakan dan tiada ralat digesa!

Jika hanya satu wujud: kembalikan nilai pertama yang bukan palsu. Mengembalikan benar untuk menunjukkan ralat!

Kedua-duanya tidak wujud: kembalikan nilai pertama yang bukan palsu, kembalikan benar dan gesa ralat!

Jadi anda harus menggunakan ||