Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menukar nilai boolean kepada nombor dalam JavaScript?

Bagaimana untuk menukar nilai boolean kepada nombor dalam JavaScript?

WBOYke hadapan: 2023-08-26 13:21:161232semak imbas

Dalam tutorial ini, kami akan menukar nilai Boolean kepada nombor dalam JavaScript. Boolean ialah jenis data untuk pembolehubah, dan seperti bahasa pengaturcaraan lain, JavaScript juga menyokong jenis ini.

Jenis data

Boolean mengandungi hanya dua nilai, true dan false. Dalam sesetengah kes, pengaturcara perlu menukar nilai benar atau salah kepada nombor. Sebagai contoh, gunakan operator kesaksamaan yang ketat untuk membandingkan nilai Boolean dengan pembolehubah berangka.

Di sini, kami mempunyai tiga cara untuk menukar nilai boolean kepada nombor menggunakan pengendali yang berbeza.

Gunakan fungsi Number()

Dalam JavaScript, fungsi Number() boleh digunakan untuk menukar sebarang pembolehubah kepada nombor. Kita juga boleh menggunakannya untuk menukar pembolehubah boolean kepada nombor.

Tatabahasa

Pengguna boleh mengikut sintaks berikut untuk menukar nilai Boolean kepada nombor.

let bool = true;
let result = Number(bool);

Parameter

bool - Ini ialah pembolehubah boolean dan kita perlu menukarnya kepada nombor.

Contoh

Dalam contoh di bawah, kami menggunakan fungsi Number() pustaka nombor JavaScript untuk menukar dua nilai boolean, benar dan palsu, kepada nombor. Fungsi Number() mengembalikan 1 untuk nilai benar dan 0 untuk nilai palsu.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Convert the Boolean ( true / false ) respectively to number using <i> Number() </i> function.</h4>
   <div id="number1"></div>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = true;
   let result = Number(bool);
   number1.innerHTML = result;
   number2.innerHTML = Number(false);
</script>
</html>

Gunakan operator bitwise

Dalam bahagian ini, kita akan belajar untuk menukar nilai Boolean kepada nombor menggunakan operator Bitwise OR dan Bitwise AND. Apabila kita bitwise ATAU nilai Boolean dengan 0, ia mengembalikan nilai angka.

Selain itu, apabila pengguna melakukan operasi AND bitwise antara 1 dan sebarang nilai boolean, ia mengembalikan nilai angka yang dihormati.

Tatabahasa

Pengguna boleh menukar nilai Boolean kepada nombor menggunakan operator bitwise mengikut sintaks berikut.

let bool = true;
let result = bool | 0; // using the Bitwise OR operator
let result = bool & 1; // using the Bitwise AND operator

Contoh

Dalam contoh di bawah, kami telah mengambil dua contoh berbeza untuk menukar nilai boolean kepada nombor, satu menggunakan operator bitwise | dan satu lagi menggunakan operator bitwise&.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Converting the Boolean true to number using <i> Bitwise | </i> operator.</h4>
   <div id = "number1"></div>
   <h4>Converting the Boolean false to number using <i> Bitwise &</i> operator.</h4>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = true;
   let result = bool | 0;
   number1.innerHTML = result;
   bool = false;
   number2.innerHTML = bool & 1;
</script>
</html>

Gunakan operator aritmetik

Ini ialah kaedah terakhir dalam tutorial ini untuk menukar nilai Boolean kepada nombor. Kami akan menggunakan operator tambah, darab dan aritmetik. Walau bagaimanapun, kita juga boleh menggunakan operator tolak dan bahagi.

Apabila kita menambah atau menolak 0 daripada nilai boolean, ia mengembalikan nilai berangka yang dikaitkan dengan nilai boolean. Begitu juga, apabila kita mendarabkan nilai Boolean dengan 1, ia mengembalikan hasil yang sama seperti penambahan.

Tatabahasa

Sila ikut sintaks di bawah untuk menggunakan pengendali pendaraban dan penambahan.

let bool = true;
let result = bool + 0; // using the Arithmetic + operator
let result = bool * 1; // using the Arithmetic * operator

Contoh

Dalam contoh di bawah, kami menggunakan operator penambahan dan pendaraban untuk menukar nilai Boolean kepada nombor.

<html>
<head>
</head>
<body>
   <h2>Convert the Boolean to number in JavaScript.</h2>
   <h4>Convert the Boolean false to number using <i> Arithmetic + </i> operator.</h4>
   <div id = "number1"></div>
   <h4>Convert the Boolean true to number using <i> Arithmetic * </i> operator.</h4>
   <div id = "number2"></div>
</body>
<script>
   var number1 = document.getElementById("number1");
   var number2 = document.getElementById("number2");
   let bool = false;
   let result = bool + 0;
   number1.innerHTML = result;
   bool = true;
   number2.innerHTML = bool * 1;
</script>
</html>

Pengguna boleh menukar nilai Boolean kepada integer menggunakan mana-mana tiga kaedah. Kaedah pertama memanggil fungsi perpustakaan terbina dalam dan lebih perlahan daripada kaedah kedua dan ketiga. Operasi bitwise ialah operasi terpantas dalam mana-mana bahasa pengaturcaraan. Jadi, kaedah kedua adalah kaedah terpantas dan mudah digunakan oleh pengguna.

Atas ialah kandungan terperinci Bagaimana untuk menukar nilai boolean kepada nombor dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Kaedah getAttributeNode() HTML DOMArtikel seterusnya：Kaedah getAttributeNode() HTML DOM

Artikel berkaitan

Lihat lagi