Terangkan paksaan bukan boolean kepada boolean dalam JavaScript?

王林
Lepaskan: 2023-09-20 21:37:02
ke hadapan
1451 orang telah melayarinya

解释一下 JavaScript 中非布尔值到布尔值的强制转换?

Kita akan belajar tentang memaksa nilai bukan boolean kepada nilai boolean dalam JavaScript. Sebagai permulaan, perkataan cast adalah baharu dalam JavaScript. Jadi, mari kita jelaskan apa itu paksaan.

Paksaan ialah penukaran pembolehubah satu jenis data kepada jenis data yang lain. Seperti yang kita sedia maklum, JavaScript bukanlah bahasa yang ditaip secara ketat. Oleh itu, kita tidak perlu menentukan jenis pembolehubah. Kadangkala, JavaScript secara automatik memaksa pembolehubah dan memberikan hasil yang tidak dapat diramalkan dalam output.

Terdapat dua jenis lakonan dalam JavaScript. Satu penguatkuasaantersirat, dan satu lagi penguatkuasaan eksplisit. Kami akan belajar tentang kedua-dua pelakon satu demi satu dalam tutorial ini.

Memaksa secara eksplisit

Penghantaran eksplisit berlaku apabila nilai bukan Boolean ditukar secara eksplisit kepada nilai Boolean menggunakan salah satu kaedah hantaran Boolean (seperti Boolean() atau !!).

Kami akan membincangkan kedua-dua kaedah secara terperinci:

Pelakon eksplisit menggunakan double NOT (!!) operator

Apabila kami menggunakan operator bukan (!) pada sebarang nilai dalam JavaScript, ia menukar nilai bukan boolean kepada nilai boolean.

One not(!) operator memberikan hasil yang salah untuk nilai, dua not (!!) operator memberikan hasil sebenar untuk nilai boolean.

Tatabahasa

Pengguna boleh mengikut sintaks berikut untuk menghantar nilai bukan Boolean ke nilai Boolean menggunakan pengendali NOT berganda. -

var non_bool = "non-bool";
var bool = !!non_bool;
Salin selepas log masuk

Dalam sintaks di atas, pengendali bukan (!) pertama memaksa pembolehubah bukan_bool daripada rentetan jenis kepada pembolehubah boolean. Operator not(!) kedua digunakan untuk mendapatkan nilai boolean sebenar pembolehubah non_bool.

Berikut adalah beberapa contoh penggunaan pengendali NOT berganda -

console.log(!!0); // logs false
console.log(!!1); // logs true
Salin selepas log masuk

Dalam contoh di atas, nilai bukan Boolean 0 secara eksplisit dipaksa kepada nilai Boolean menggunakan pengendali NOT berganda. Operator NOT berganda menukarkan operannya kepada nilai Boolean dan kemudian menyongsangkannya, jadi ungkapan !!0 adalah bersamaan dengan !(!false), yang menilai kepada palsu.

Mari lihat contoh lengkap menggunakan HTML dan JavaScript

Contoh

Dalam contoh ini, kami telah mencipta tiga pembolehubah berangka bernama num1, num2 dan num3. Selain itu, kami memulakan pembolehubah berangka dengan nilai positif, negatif dan sifar yang berbeza.

Pengguna boleh melihat nilai boolean sebenar nombor dalam output. Nilai boolean sifar adalah palsu kerana ia adalah salah satu nilai boolean palsu dalam JavaScript.

<html>
<body>
   <h2> Coercion using <i> Doble NOT (!!) </i> Operator </h2>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      let num1 = 10;
      let num2 = 0;
      let num3 = -10;

      output.innerHTML += "num1 = " + num1 + "<br/>";
      output.innerHTML += "num2 = " + num2 + "<br/>";
      output.innerHTML += "num3 = " + num3 + "<br/>";
      output.innerHTML += "The boolean results of the above number values are given below.<br/>";

      // Using Double NOT Operator
      num1 = !!num1;
      num2 = !!num2;
      num3 = !!num3;

      output.innerHTML += "num1 = " + num1 + "<br/>";
      output.innerHTML += "num2 = " + num2 + "<br/>";
      output.innerHTML += "num3 = " + num3 + "<br/>";
   </script>
</body>
</html>
Salin selepas log masuk

Gunakan pembina Boolean() untuk hantaran eksplisit

Dalam JavaScript, hantaran eksplisit ialah apabila pembangun JavaScript menukar pembolehubah daripada satu jenis data kepada yang lain. Di sini kita akan belajar untuk menghantar nilai bukan Boolean secara eksplisit kepada nilai Boolean.

Kami boleh menukar sebarang nilai kepada boolean hanya menggunakan pembina "boolean" dalam JavaScript.

Tatabahasa

Pengguna boleh memaksa nilai bukan Boolean dalam JavaScript kepada nilai Boolean dengan mengikuti sintaks berikut.

let var1 = 30;
let var2 = Boolean(var1);
Salin selepas log masuk

Dalam sintaks di atas, var1 ialah jenis data berangka dan kami menghantarnya ke nilai boolean menggunakan pembina boolean.

Berikut ialah beberapa contoh penggunaan pembina Boolean() -

console.log(Boolean(0)); // logs false
console.log(Boolean(1)); // logs true
Salin selepas log masuk

Dalam contoh di atas, nilai bukan boolean 0 secara eksplisit dipaksa kepada nilai boolean menggunakan fungsi boolean. Fungsi Boolean mengembalikan nilai Boolean bagi hujahnya, jadi ungkapan Boolean(0) mengembalikan palsu.

Apabila kami menghantar sebarang nilai bukan boolean kepada nilai boolean kecuali enam nilai palsu, ia sentiasa memberikan hasil yang benar. Untuk enam nilai ralat, kami sentiasa mendapat nilai boolean yang salah sebagai hasilnya.

Enam nilai boolean palsu diberikan di bawah.

  • Ralat

  • ""

  • NaN

  • 0

  • kosong

  • undefined

Contoh

Kami mencipta pembolehubah berbeza dalam contoh ini dan memulakan pembolehubah tersebut dengan nilai palsu yang berbeza. Kita boleh perhatikan bahawa apabila kita memaksa mereka untuk boolean, ia sentiasa memberikan nilai boolean yang salah.

<html>
<body>
   <h2> Coercion using the <i> Boolean()</i> Constructor </h2>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      // Creating the variables
      let falsy1 = undefined;
      let falsy2 = null;
      let falsy3 = "";

      output.innerHTML += "falsy1 = " + falsy1 + "<br/>";
      output.innerHTML += "falsy2 = " + falsy2 + "<br/>";
      output.innerHTML += "falsy3 = " + falsy3 + "<br/>";
      output.innerHTML +=
      "The boolean results of the above falsy values are given below.<br/>";

      // coercing the different falsy values to the boolean values.
      output.innerHTML += "falsy1 = " + Boolean(falsy1) + "<br/>";
      output.innerHTML += "falsy2 = " + Boolean(falsy2) + "<br/>";
      output.innerHTML += "falsy3 = " + Boolean(falsy3) + "<br/>";
   </script>
</body>
</html>
Salin selepas log masuk

Paksaan tersirat

Balingan tersirat berlaku apabila nilai bukan boolean digunakan dalam konteks di mana nilai boolean dijangkakan. Dalam kes ini, JavaScript akan menukar nilai secara automatik kepada Boolean menggunakan set peraturan yang dipanggil "Benar" dan "Salah".

Berikut ialah beberapa contoh cara menghantar nilai bukan boolean kepada nilai boolean -

Contoh

Dalam contoh ini, kami menggunakan sifat tersembunyi imej dalam JavaScript untuk memaparkan imej pada klik -

// Example 1: Implicit coercion in a conditional statement
if (0) {
   console.log("This will not be logged");
}

// Example 2: Implicit coercion using the logical NOT operator
console.log(!0); // logs true
console.log(!1); // logs false
Salin selepas log masuk

Dalam contoh pertama, nilai 0 digunakan dalam pernyataan bersyarat dan secara tersirat dipaksa kepada nilai Boolean menggunakan peraturan untuk nilai benar dan salah. Dalam JavaScript, nilai 0 dianggap palsu, jadi pernyataan bersyarat tidak akan dilaksanakan.

Dalam contoh kedua, operator NOT logik digunakan untuk menafikan nilai Boolean yang bukan 0. Operator NOT logik menyongsangkan nilai Boolean operannya, jadi ungkapan !0 adalah bersamaan dengan !false, yang menilai kepada benar.

Terdapat dua jenis lakonan dalam JavaScript. Satu paksaan tersirat dan satu lagi paksaan eksplisit. Kami belajar tentang kedua-dua jenis lakonan satu demi satu dalam tutorial ini.

Atas ialah kandungan terperinci Terangkan paksaan bukan boolean kepada boolean dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan